Utiliser le format AMP pour vos pages de destination Google Ads

Lorsqu'une page de destination est rapide elle a tendance à générer davantage de conversions. Le format AMP est un excellent moyen de créer des pages de destination Google Ads attrayantes qui se chargent plus rapidement. amp.dev fournit aux développeurs Web les ressources dont ils ont besoin pour créer des pages attrayantes et performantes. Ce guide détaillé explique comment utiliser Google Ads et d'autres technologies publicitaires sur vos pages AMP.

Étape 1 : Créez et validez des pages AMP

Créez des pages AMP

Pour découvrir comment créer une page AMP de base, commencez par le tutoriel Créer votre première page AMP du projet AMP. Pour obtenir des conseils pratiques et détaillés, suivez les tutoriels Convertir du code HTML en AMP et Ajouter des fonctionnalités AMP avancées. Vous trouverez des exemples de code et des modèles de composants AMP sur les pages Exemples de sites Web AMP et Modèles AMP.

La liste ci-dessous décrit certains composants utilisés sur les pages AMP. Pour en savoir plus, consultez la liste complète des composants .

  • amp-bind : ajoutez une interactivité personnalisée avec état basée sur des événements de type JavaScript.
  • amp-form : créez des pages de destination qui nécessitent une saisie de l'utilisateur.
  • amp-list : récupérez du contenu de manière dynamique à partir d'un point de terminaison JSON CORS.
  • amp-carousel : carrousel d'images pour faire défiler une galerie d'images.
  • amp-lightbox : affichez une vue plein écran d'un composant lorsqu'un utilisateur interagit avec lui.
  • amp-call-tracking : remplace de manière dynamique un numéro de téléphone dans un lien hypertexte pour le suivi des appels.
  • amp-mustache : autorise l'affichage avec Mustache.js.
  • amp-date-picker : fournit un widget pour sélectionner des dates. Le sélecteur de date peut s'afficher sous forme de superposition par rapport aux champs de saisie ou sous forme de widget de calendrier statique.

Validez des pages AMP

Lors du développement, vous devez vous assurer que vos pages AMP sont valides. AMP propose plusieurs méthodes différentes pour valider vos documents. La méthode la plus courante consiste à valider une page AMP en utilisant l'outil de validation Web ou l'outil de validation Google pour les webmasters. Vous pouvez également utiliser le plug-in de navigateur Chrome et la console pour les développeurs, ou intégrer le module npm amphtml-validator dans votre build.

Vous pouvez également utiliser AMPBench, une application Web et un service Open Source qui permet de valider et de déboguer les problèmes liés au déploiement de pages AMP.

Pour obtenir de l'aide concernant les tests AMP, consultez la page d'assistance du projet AMP.

Étape 2 : Configurez AMP pour le suivi des conversions et l'analyse

Utilisez le composant amp-analytics pour suivre les conversions Google Ads. Pour découvrir comment le configurer, suivez la procédure décrite dans Configurer la mesure des conversions Google Ads pour les pages de destination AMP.

Google Analytics

Google Analytics est l'une des solutions d'analyse compatibles avec amp-analytics. Pour unifier les sessions sur les pages AMP et non AMP, suivez la procédure décrite dans Configurer l'unification de session Google Analytics pour AMP.

Google Tag Manager

Le composant amp-analytics est compatible avec Google Tag Manager. En plus des conversions Google Ads, vous pouvez utiliser Google Tag Manager pour ajouter le remarketing, DoubleClick Floodlight, Google Universal Analytics et d'autres produits de mesure similaires. Consultez la liste complète des balises compatibles.

Adobe Analytics (anciennement Omniture)

Adobe Analytics propose deux méthodes pour implémenter sa solution de suivi des performances de site Web avec amp-analytics composant : l'implémentation iframe (adobeanalytics_nativeConfig) et l'implémentation non iframe (adobeanalytics). Découvrez les avantages, les inconvénients et les détails d'implémentation de chaque approche.

Vous pouvez utiliser le composant amp-analytics pour suivre les actions et les événements des utilisateurs. AMP Analytics est compatible avec plus de 40 fournisseurs de solutions d'analyse. Le framework est flexible et vous permet de mesurer et de déclencher des URL à l'aide de configurations personnalisées pour envoyer des informations d'analyse à vos propres serveurs ou à des fournisseurs pour lesquels la compatibilité native avec AMP n'est pas disponible. Si vous utilisez une technologie qui n'est pas encore compatible, demandez à votre fournisseur d'ajouter la compatibilité.

AMP Analytics permet également une substitution de variables flexible. Pour en savoir plus, consultez la documentation sur la substitution de variables.

Étape 3 : Activez la diffusion AMP dans l'interface utilisateur Google Ads

Bien que les pages AMP dans la recherche Google soient détectées automatiquement via le lien de vos pages, les annonceurs doivent saisir explicitement l'URL de la page AMP dans Google Ads. Pour savoir comment configurer les URL AMP dans l'interface utilisateur Google Ads, consultez Utiliser le format AMP avec Google Ads.

De plus, si vous souhaitez générer du trafic Google Ads vers votre page de destination AMP, mais que vous ne voulez pas qu'elle apparaisse dans les résultats de recherche naturels, ajoutez des instructions "Disallow" pour les pages AMP concernées à votre fichier robots.txt, comme vous le feriez pour n'importe quelle page Web.

Le projet AMP ajoute chaque jour de nouvelles fonctionnalités et de nouveaux composants. Si vous constatez qu'une fonctionnalité est manquante, vous pouvez contribuer ou demander à ce qu'elle soit ajoutée en créant un problème GitHub.