2. Páginas de destino para Móviles
Cómo mejorar las conversiones
+JulianCToledo, Google, Inc.
AdWords API Workshops – All rights reserved
3. Agenda
● Móvil en la API de AdWords
● 8 Fundamentos
● Herramientas para desarrollo Móvil
AdWords API Workshops – All rights reserved
4. Móvil en la API de AdWords
Cómo crear anuncios para móviles
AdWords API Workshops – All rights reserved
5. Ajuste del bid para Móvil
● CampaignCriterionService
● AdGroupBidModifierService
○ Criterion > Platform
○ bidModifier
AdWords API Workshops – All rights reserved
7. Anuncios para Móvil
● AdGroupAdService
○ MobileAd
○ MobileImageAd
AdWords API Workshops – All rights reserved
8. Anuncios para Móvil
● TemplateAd
○ App promotion ad
○ TemplateId: 353
AdWords API Workshops – All rights reserved
9. 8 Fundamentos
De una página de destino para móviles
AdWords API Workshops – All rights reserved
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. Responder más rápido
● Archivos
○ Concatenar Recursos
○ Comprimir CSS & JavaScript
● Caché
○ Reutilizar Recursos
AdWords API Workshops – All rights reserved
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. 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. Contenido Completo
● Sin usuarios de segunda clase
● La Consistencia es la Reina!
● JavaScript para mejorar
AdWords API Workshops – All rights reserved
15. Adaptarse a la Pantalla
● Diseño adaptativo
● Móvil Primero
○ @media & Breakpoints
AdWords API Workshops – All rights reserved
16. Centrarse en el Usuario
● Viewport
● Evitar las entradas de texto
● Desplazamiento Horizontal
AdWords API Workshops – All rights reserved
17. Centrarse en el Usuario
● Permitir funciones Multitáctiles
● Navegación Grande
● Legible sin Fondo
AdWords API Workshops – All rights reserved
18. Hacerla Accesible
● Texto en Imagenes
● Contenido Cubierto por los Dedos
AdWords API Workshops – All rights reserved
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. 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
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
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. 8 Fundamentos (1)
● Responder más rápido
● Rendimiento excelente
● Contenido Completo
● Adaptarse a la Pantalla
AdWords API Workshops – All rights reserved
29. 8 Fundamentos (2)
● Centrarse en el Usuario
● Hacerla Accesible
● Programación Robusta
● Priorizar el Contenido Visible
AdWords API Workshops – All rights reserved
30. Herramientas de Desarrollo Web
● HTML5 Rocks
● Repuración Remota
● Emulador Móvil
● PageSpeed Insights
AdWords API Workshops – All rights reserved
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