web-dev-qa-db-fra.com

Google Tag Manager et applications à page unique

J'essaie d'intégrer Google Tag Manager à mon application Ember. J'ai du mal à comprendre comment informer GTM que la page a changé et envoyer un événement d'affichage de page.

J'ai lu beaucoup de choses en ligne, principalement pour créer une nouvelle variable pour une "page virtuelle" ou quelque chose comme ça, mais évidemment c'est loin d'être idéal.

J'aimerais pouvoir simplement utiliser dataLayer.Push pour notifier la page réellement modifiée. Y a-t-il un moyen facile de sortir que je n'ai pas trouvé ou est-ce vraiment difficile de suivre avec GTM sur SPA?

google-tag-manager
16
Benjamin Netter

Vous devez absolument pousser les événements dans la couche de données, ce qui vous permet de déclencher une balise de vue de page GA dans GTM. Donc, pour pousser un événement dans la DL:

dataLayer.Push({'event':'virtualPageView'});

Ensuite, configurez un déclencheur appelé "vpv" qui se déclenche sur un événement personnalisé appelé "virtualPageView". Ajoutez ce déclencheur à une balise GA.

La meilleure chose à faire est également d'envoyer les détails de la page virtuelle lorsque vous envoyez l'événement. De cette façon, vous pouvez configurer des variables qui extraient ces valeurs de propriété dataLayer dans l'appel de vue de page. Vous pourriez donc faire ceci:

dataLayer.Push({
  'event':'virtualPageView',
  'page':{
    'title':'contact us',
    'url':'/contact'
  }
});

Vous devez donc configurer une variable appelée "titre de la page DL" (par exemple) qui est une valeur dataLayer de "page.title" et une autre variable appelée "DL - page url" qui est une valeur dataLayer de "page.url" .

Vous configurez ensuite une nouvelle balise Universal Analytics qui contient tous vos paramètres de consultation de page habituels, mais avec 2 "champs à définir" (sous Plus de paramètres). Réglez 'title' sur {{DL-page title}} et 'page' sur {{DL - page url}}

Enfin, définissez le déclencheur sur 'vpv' et vous trouverez à chaque fois que vous poussez l'événement + les données dans la couche de données, vous obtiendrez une pageView déclenchée avec le titre et l'URL virtuelle de votre page virtuelle.

15
dmpg_tom

Cela a été demandé il y a longtemps. Avec l'ensemble de fonctionnalités actuel de GTM, vous pouvez facilement configurer le suivi des pages SPA sans trop de problèmes.

Tout d'abord, accédez à Triggers et créez un nouveau déclencheur. Sélectionnez History Change comme type de déclencheur. Cela créera un déclencheur qui se déclenchera chaque fois que l'historique des positions change.

Créez ensuite un nouveau Tag de Universal Analytics tapez et configurez-le selon la capture d'écran ci-dessous.

[Universal Analytics tag configuration[1]

En ce qui concerne le déclencheur, définissez le déclencheur de changement d'historique précédemment défini et vous avez terminé. Chaque fois qu'une navigation se produit dans votre SPA, un événement d'affichage de page avec le chemin de page approprié sera déclenché.

18
András Szepesházi