WordPress : Comment ajouter Google Analytics dans vos pages AMP

Posted by

AMP

WordPress : Comment ajouter Google Analytics dans vos pages AMP

Si vous avez implémenté le officiel de pour , vous avez probablement découvert que le plugin supprime le code Analytics de toutes les pages . Mais, même si le plugin l’exclut, les pages AMP restent toujours valables pour intégrer le code de Google Analytics.

Pour ce faire, dans un premier temps, assurez-vous que votre plugin AMP WordPress est à jour, car les modifications peuvent être supprimées quand il est mis à jour.

“Extensions” dans le tableau de bord WordPress admin, puis sélectionnez “Editeur”.

Dans le menu déroulant en haut de la Sidebar de droite, où c’est marqué “Sélectionner l’extension à modifier”, vous sélectionnez “AMP”, puis vous cliquez sur “Sélectionner”.

Toujours dans la Sidebar de droite disponible pour modifier les pages, vous verrez toutes les pages AMP existantes. Vous faîtes défiler la colonne vers le bas pour trouver le fichier “amp/templates/single.php” et vous cliquez là-dessus.

Votre fichier “amp/templates/single.php” s’affiche alors dans la partie centrale. Vous allez alors tout à la fin de ce fichier et vous ajoutez votre code JavaScript juste après le tag .

Et vous cliquez sur le bouton “Mettre à jour le fichier” pour que ce code s’applique à toutes vos pages AMP WordPress.

Mais avant de tester, vérifier que tout est correct via l’outil de test des de Google.

Maintenant, vous visitez vos pages AMP sur mobile et alors, vous verrez ces pages testées dans votre rapport Google Analytics.

Mais, quels codes Google Analytics AMP ajouter ?

Ces codes Analytics sont ceux que vous devez utiliser pour votre site WordPress ou tout autre type de site.

Pour ajouter les fonctionnalités Analytics pour AMP dans vos pages, vous devez impérativement inclure auparavant le script suivant dans la partie de votre code source, au dessus du premier code d’introduction de l’ :

Ensuite, vous ajoutez juste après le tag l’émément “amp-analytics “.

Surtout, dans les exemples ci-dessous, n’oubliez pas d’insérer l’ID de votre compte Google Analytics.

Voici le bout de code à utiliser pour le suivi des pages AMP (page tracking) :

{
\ »vars\ »: {
\ »account\ »: \ »UA-XXXXX-Y\ » // Remplacer ID compte Analytics
},
\ »triggers\ »: {
\ »trackPageview\ »: { // A remplacer trackPageview avec un code de suivi. Facultatif.
\ »on\ »: \ »visible\ »,
\ »request\ »: \ »pageview\ »
}
}
}
>

Ou cet autre code plus complexe mais complet :

{
\ »vars\ »: {
\ »account\ »: \ »UA-XXXXX-Y\ » // Replace with your property ID.
},
\ »triggers\ »: {
\ »trackPageviewWithAmpdocUrl\ »: {
\ »on\ »: \ »visible\ »,
\ »request\ »: \ »pageview\ »,
\ »vars\ »: {
\ »title\ »: \ »My page\ », // Remplacer My Page avec la variable des Titres.

\ »ampdocUrl\ »: \ »://www.examplepetstore.com/pets.html\ » // Remplacer avec la variable des URLs.
}
}
}
}

Désormais, vous saurez si vos pages Accelerated Mobile Pages ou AMP sont régulièrement visitées ou pas.