web-dev-qa-db-fra.com

Quelqu'un peut-il aider à implémenter Nuxt.js Google Tag Manager?

Hé, j'ai construit une application Nuxt et j'ai des problèmes avec le package @nuxtjs/google-tag-manager paquet. Trouvé ci-dessous. La documentation est assez légère et je n'ai trouvé aucun exemple d'implémentation. Dans mon nuxt.config.js J'ai l'ensemble suivant.

['@nuxtjs/google-tag-manager', {
  id: process.env.GTM_ID,
  layer: 'dataLayer',
  pageTracking: true
}],

..mais malheureusement je n'en reçois pas Pages vues dans Google Tag Manager

Quelqu'un a-t-il des idées ou de l'expérience sur la meilleure façon de mettre en œuvre GTM ou ce qui a fonctionné pour eux?

Merci d'avance

vue.jsgoogle-tag-managernuxt.js
8
RuNpiXelruN

J'ai jeté un œil au paquet, à l'intérieur modules/packages/google-tag-manager/plugin.js il y a ce morceau de code:

window['<%= options.layer %>'].Push(to.gtm || { event: 'nuxtRoute', pageType: 'PageView', pageUrl: to.fullPath, routeName: to.name })

De cela, il semble que le datalayer ressemble à ceci:

{
event: 'nuxtRoute',
pageType: 'PageView',
pageURL: to.fullPath,
routeName: to.name
}

Ainsi, dans GTM, vous aurez à définir un déclencheur d'événement personnalisé à déclencher sur l'événement "nuxtRoute". Comme ceci: enter image description here

Ensuite, vous voulez créer deux variables DataLayer dans GTM qui captureront pageURL et éventuellement routeName, je dis que routeName est facultatif selon que vous modifiez/mettez à jour le document ou non. enter image description here

Créez ensuite votre balise Google Analytics dans GTM. Assurez-vous qu'il s'agit du type "pageview", puis cochez la case "enable overriding settings in this tag", sous "more settings> fields to set" type in "page" for fieldname and for "value" reference this variable we created. Si vous souhaitez définir le titre de la page à l'aide de la variable to.name, utilisez simplement le champ "title". Assurez-vous d'ajouter également le déclencheur de route nuxt sous "déclenchement". enter image description here

Enregistrez et publiez tout ou exécutez-le en mode d'aperç et vous devriez voir les pages vues un peu à travers.

14
XTOTHEL