Les pages de destination plus rapides génèrent généralement plus de conversions. 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 par étapes explique comment utiliser Google Ads et d'autres technologies publicitaires dans vos pages AMP.
Étape 1: Créez et validez des pages AMP
Créer des pages AMP
Pour savoir 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 plus pratiques et détaillés, suivez les tutoriels Convertir du code HTML en code 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 référence, consultez la liste complète des composants.
- amp-bind: ajoutez une interactivité basée sur l'état personnalisée basée sur des événements semblables à JavaScript.
- amp-form: créez des pages de destination qui nécessitent une saisie de la part 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 : affiche la vue plein écran d'un composant lorsqu'il a été utilisé.
- amp-call-tracking remplace dynamiquement un numéro de téléphone dans un lien hypertexte à des fins de suivi des appels.
- amp-mustache : permet l'affichage avec Mustache.js.
- amp-date-picker : fournit un widget permettant de sélectionner des dates. Le sélecteur de date peut s'afficher en superposition par rapport aux champs de saisie ou en tant que widget de calendrier statique.
Valider les pages AMP
Pendant le développement, vous devez vous assurer que vos pages AMP sont valides. AMP propose plusieurs méthodes pour valider vos documents. Le moyen le plus courant de valider une page AMP consiste à utiliser l'outil de validation Web ou l'outil de validation des outils Google pour les webmasters. Vous pouvez également utiliser le plug-in du navigateur Chrome et la console du développeur, 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 permettent 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 Obtenir de l'aide du projet AMP.
Étape 2: Configurez AMP pour le suivi des conversions et les données analytiques
Suivi des conversions Google Ads
Utilisez le composant amp-analytics pour suivre les conversions Google Ads. Pour savoir comment procéder, consultez 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 permettre l'unification des 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 des produits de mesure similaires. Consultez la liste complète des balises compatibles.
Adobe Analytics (anciennement Omniture)
Adobe Analytics propose deux méthodes d'implémentation de sa solution de suivi des performances de site Web avec le composant amp-analytics: l'implémentation avec iframe (adobeanalytics_nativeConfig) et sans iframe (adobeanalytics). Découvrez les avantages et les inconvénients de chaque approche, ainsi que les détails de leur implémentation.
Intégrer d'autres technologies courantes liées à Google Ads
Vous pouvez utiliser le composant amp-analytics pour suivre les actions et les événements des utilisateurs. AMP Analytics est compatible en natif avec plus de 40 fournisseurs de solutions d'analyse. Ce framework est flexible et vous permet de mesurer et de déclencher des URL à l'aide de configurations personnalisées pour envoyer des informations analytiques à vos propres serveurs ou à des fournisseurs où la prise en charge native d'AMP n'est pas disponible. Si vous utilisez une technologie qui n'est pas actuellement prise en charge, demandez à votre fournisseur de l'ajouter.
Les données analytiques AMP permettent é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 de Google Ads
Bien que les pages AMP dans la recherche Google soient détectées automatiquement via le lien depuis vos pages, les annonceurs doivent saisir explicitement l'URL de la page AMP dans Google Ads. Pour en savoir plus sur la configuration des URL AMP dans l'interface utilisateur de Google Ads, consultez Utiliser le format AMP avec Google Ads.
La distribution du contenu à partir du cache est actuellement disponible pour les annonces textuelles sur les pages de résultats de recherche Google diffusées sur la plupart des principaux navigateurs, y compris Android Chrome, l'application de recherche Google Android et Safari pour mobile. Nous étendrons la couverture au cours des prochains mois.
Si vous souhaitez tester l'affichage d'une page AMP lorsqu'elle est diffusée à partir du cache Google AMP dans le lecteur Google Search AMP, saisissez votre article AMP dans l'outil de test de la recherche AMP, puis cliquez sur Aperçu du lien.
De plus, si vous souhaitez générer du trafic Google Ads vers votre page de destination AMP, mais que vous ne souhaitez pas qu'elle apparaisse dans les résultats de recherche naturels, ajoutez des directives de non-autorisation pour les pages AMP pertinentes à votre fichier robots.txt, comme vous le feriez pour n'importe quelle page Web standard.
Mettre à jour le contenu AMP sur les pages de destination
Lorsqu'un utilisateur demande un document AMP à partir de Google AMP Cache, celui-ci lance automatiquement une requête visant les mises à jour afin de pouvoir transmettre un contenu à jour à l'utilisateur suivant une fois ce contenu mis en cache. Avec ce modèle, les mises à jour de documents AMP se propagent automatiquement et rapidement. Une fois cette mise à jour effectuée, la version précédente s'affichera pour un très petit nombre d'utilisateurs. De plus, si nécessaire, l'API update-cache peut être utilisée pour mettre à jour ou supprimer du contenu du cache AMP.
Le projet AMP ajoute de nouvelles fonctionnalités et composants chaque jour. Si vous trouvez une fonctionnalité manquante, vous pouvez contribuer ou demander à ce qu'elle soit ajoutée en créant un problème GitHub.
Gestion incorrecte des pages AMP
Lorsqu'une page devient non valide, AMP Cache le découvre au bout de quelques requêtes et commence à rediriger vers l'origine de la page AMP diffusée. La réactivation de la diffusion dans le cache AMP peut prendre un à deux jours.