Mobile landing pages (Spanish)

154
-1

Published on

AdWords API Workshops São Paulo

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
154
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×