Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mobile landing pages (Spanish)

333 views

Published on

AdWords API Workshops São Paulo

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Mobile landing pages (Spanish)

  1. 1. AdWords API Workshops – All rights reserved
  2. 2. Páginas de destino para Móviles Cómo mejorar las conversiones +JulianCToledo, Google, Inc. AdWords API Workshops – All rights reserved
  3. 3. Agenda ● Móvil en la API de AdWords ● 8 Fundamentos ● Herramientas para desarrollo Móvil AdWords API Workshops – All rights reserved
  4. 4. Móvil en la API de AdWords Cómo crear anuncios para móviles AdWords API Workshops – All rights reserved
  5. 5. Ajuste del bid para Móvil ● CampaignCriterionService ● AdGroupBidModifierService ○ Criterion > Platform ○ bidModifier AdWords API Workshops – All rights reserved
  6. 6. Preferencia para Móvil ● Ad.devicePreference = 30001 AdWords API Workshops – All rights reserved
  7. 7. Anuncios para Móvil ● AdGroupAdService ○ MobileAd ○ MobileImageAd AdWords API Workshops – All rights reserved
  8. 8. Anuncios para Móvil ● TemplateAd ○ App promotion ad ○ TemplateId: 353 AdWords API Workshops – All rights reserved
  9. 9. 8 Fundamentos De una página de destino para móviles AdWords API Workshops – All rights reserved
  10. 10. Responder más rápido ● Optimizar en el Servidor ○ Reducir el tiempo de procesado ○ Minimizar las redirecciones AdWords API Workshops – All rights reserved
  11. 11. Responder más rápido ● Archivos ○ Concatenar Recursos ○ Comprimir CSS & JavaScript ● Caché ○ Reutilizar Recursos AdWords API Workshops – All rights reserved
  12. 12. Rendimiento excelente ● Perfeccionar las optimizaciones en el cliente ● Evitar páginas con procesos pesados ○ Usar las DevTools para monitoreo ○ Evitar el repintado ○ Eventos y animaciones de JavaScript AdWords API Workshops – All rights reserved
  13. 13. Rendimiento excelente ● Usar el caché ○ Caché con un caducidad larga (ExpiresDefault) ○ Cambiar las URL para caducar el Caché ● CSS ○ Cuidado con los generadores AdWords API Workshops – All rights reserved
  14. 14. Contenido Completo ● Sin usuarios de segunda clase ● La Consistencia es la Reina! ● JavaScript para mejorar AdWords API Workshops – All rights reserved
  15. 15. Adaptarse a la Pantalla ● Diseño adaptativo ● Móvil Primero ○ @media & Breakpoints AdWords API Workshops – All rights reserved
  16. 16. Centrarse en el Usuario ● Viewport ● Evitar las entradas de texto ● Desplazamiento Horizontal AdWords API Workshops – All rights reserved
  17. 17. Centrarse en el Usuario ● Permitir funciones Multitáctiles ● Navegación Grande ● Legible sin Fondo AdWords API Workshops – All rights reserved
  18. 18. Hacerla Accesible ● Texto en Imagenes ● Contenido Cubierto por los Dedos AdWords API Workshops – All rights reserved
  19. 19. Programación Robusta ● Demasiados navegadores por comprobar ○ Detectar Funcionalidades - no Navegadores ● Usar el prefijo del navegador ● Capturar Excepciones ● Evitar Embotellamientos AdWords API Workshops – All rights reserved
  20. 20. Priorizar el Contenido Visible ● Por encima del doblez ● Evitar el bloqueo CSS & JS ● Idealmente menos de ~14KB ● Fuentes Web AdWords API Workshops – All rights reserved
  21. 21. Herramientas de Desarrollo Web AdWords API Workshops – All rights reserved
  22. 22. HTML5 Rocks ● www.html5rocks.com/mobile/ ○ Como se comporta tu web? ○ Crear una gran experiencia móvil ○ Hacer tu web RÁPIDA AdWords API Workshops – All rights reserved
  23. 23. Depuración Remota ● goo.gl/ruR5LU ○ Desarrollo en el móvil AdWords API Workshops – All rights reserved
  24. 24. Emulador Móvil ● goo.gl/k5cYA ○ Desarrollar para el móvil ○ No hace falta tener el dispositivo AdWords API Workshops – All rights reserved
  25. 25. PageSpeed Insights ● goo.gl/JjzS2t ○ Puntúa tu página ○ Sugerencias clasificadas ■ High ■ Medium ■ Low AdWords API Workshops – All rights reserved
  26. 26. Resumen AdWords API Workshops – All rights reserved
  27. 27. Móvil en la API de AdWords ● Ajuste del bid para Móvil ● Preferencia para Móvil ● Anuncios para Móvil AdWords API Workshops – All rights reserved
  28. 28. 8 Fundamentos (1) ● Responder más rápido ● Rendimiento excelente ● Contenido Completo ● Adaptarse a la Pantalla AdWords API Workshops – All rights reserved
  29. 29. 8 Fundamentos (2) ● Centrarse en el Usuario ● Hacerla Accesible ● Programación Robusta ● Priorizar el Contenido Visible AdWords API Workshops – All rights reserved
  30. 30. Herramientas de Desarrollo Web ● HTML5 Rocks ● Repuración Remota ● Emulador Móvil ● PageSpeed Insights AdWords API Workshops – All rights reserved
  31. 31. Enlaces HTML5 Rocks - http://www.html5rocks.com/mobile Remote Debugging - http://goo.gl/ruR5LU Mobile Emulation - http://goo.gl/k5cYA AdWords API Workshops – All rights reserved
  32. 32. ¿Preguntas? AdWords API Workshops – All rights reserved
  33. 33. AdWords API Workshops – All rights reserved

×