web-dev-qa-db-fra.com

Suivi des annonces en rotation avec Google Tag Manager

Donc, pour le moment, nos annonces sont configurées à l'aide du suivi des événements dans Google Analytic (Universal) et elles sont implémentées dans ce format:

<a href="example.com" onclick="ga('send', 'event', 'Banner Ad - Top', 'Click','Ad Title - (588x88)',1.00, {'nonInteraction': 1});"target="_blank"><img src="example.com/ads/ad_588x88.jpg" alt=""></a>

Si possible, j'aimerais suivre ces annonces par position, car nous avons des annonces des mêmes fournisseurs affichées à plusieurs positions.

J'essaie de comprendre comment je peux implémenter un tel système dans Google Tag Manager. Je suppose que cela impliquera des règles avancées avec RegEx? Est-ce quelque chose qui peut être passé à travers le dataLayer?

google-analyticsadvertisingevent-trackinggoogle-tag-managerregular-expression
1
dasickle

Vous pouvez ajouter data-attributes à votre lien d'annonce si vous utilisez HTML5:

<a href="example.com" class="someclass" data-adposition="Banner Ad - Top" data-adnamesize="Ad Title - (588x88)" data-advalue="1.00" ><img src="example.com/ads/ad_588x88.jpg" alt=""></a>

Ajoutez ensuite une nouvelle balise dans Google Tag Manager pour capturer les clics sur ce type de liens (identifiés par "someclass" par exemple). Tag name: Tout ce que vous voulez nommer; Tag Type: Custom HTML Tag. En utilisant JQuery, vous pouvez extraire data-attributs et les transmettre en tant que paramètres à la fonction ga. Insérez cet extrait dans la zone de texte HTML. De toute évidence, vous devrez ajuster l'extrait selon vos besoins, en fonction de ce que vous utilisez comme class et data-attributs des noms.

<script type="text/javascript">
$( document ).ready(function() {
    $( document ).delegate( "a.someclass", "click", function() {
        try{
                ga('send',
                    'event',
                    $(this).data('adposition'), //Event Category
                    'click', //Event action
                    $(this).data('adnamesize'), //Event Label
                    $(this).data('advalue'), //Event value
                    {'nonInteraction': 1}
                );
        }catch(err)
        {
            //do something if you need
        }
    });

});
</script>

Ajoutez ensuite un Firing Rule qui se déclenche sur toutes les pages de votre site, à condition que vous ayez ce genre de liens sur tous les endroits. Une telle règle devrait être comme ça

{{url}}    matches regex     .*



Mise à jour: utilisation de l'écouteur de clic sur le lien GTM

En supposant que vos liens aient des attributs de données comme dans l'exemple ci-dessus, vous pouvez faire quelque chose comme ceci:

Configurer GTM Link Click Listener ###

Ajouter un nouveau Tag. Définissez Nom de la balise sur ce que vous voulez, peut-être Link Click Listener.
Réglez Type de balise sur Link Click Listener.
Ajoutez un règle de mise à fe pour toutes les pages.

New Tag Link Click Listener
Firing Rule for Link Click Listener
Link Click Listener Tag

Configurer le suivi des événements de clic pour vos liens publicitaires

Ajouter un nouveau Tag.
Réglez Nom de balise sur ce que vous voulez, peut-être Ad Links Click.
Définit Type de balise sur Google Analytics => Universal Analytics ou Classic Google Analytics, dépend de la version que vous utilisez.
Insérez votre ID de propriété Web.
Réglez Type de piste sur Event; Pour paramètres de suivi des événements, vous devrez ajouter des macros pour récupérer les informations de vos liens publicitaires et les définir dans les paramètres de Event.

Pour l'événement Catégorie:
Cliquez sur l'icône de la brique, puis sélectionnez New macro.
Réglez Nom de la macro sur quelque chose comme Ad Link Position.
Réglez Type de macro sur Custom Javascript.
Insérez ce code dans Javascript personnalisé textbox:

function(){
  return {{element}}.dataset.adposition;
}

Pour l'événement Action définissez ce que vous voulez, peut-être click.

Pour l'événement Label:
Cliquez sur l'icône de la brique, puis sélectionnez New macro.
Réglez Nom de la macro sur quelque chose comme Ad Link Name - Size.
Réglez Type de macro sur Custom Javascript.
Insérez ce code dans Javascript personnalisé textbox:

function(){
  return {{element}}.dataset.adnamesize;
}

Pour l'événement Valeur:
Cliquez sur l'icône de la brique, puis sélectionnez New macro.
Réglez Nom de la macro sur quelque chose comme Ad Link Value.
Réglez Type de macro sur Custom Javascript.
Insérez ce code dans Javascript personnalisé textbox:

function(){
  return {{element}}.dataset.advalue;
}

Vous ne voulez peut-être pas que les clics sur ces liens publicitaires soient considérés comme une interaction, puis définissez l'événement Non-interaction sur true.

Ad Links Click

Macro with Custom Javascript

Et voici la magie, chaîne Ad Links Click à Link Click Listener:
Ajouter une nouvelle règle de mise à fe pour la balise Ad Links Click.
Définissez Nom de la règle sur quelque chose comme Ads GTM Link Click Event.
Ajouter un nouveau Condition set {{event}}equalsgtm.linkClick.
Ajouter une seconde Condition set {{element classes}}equalssomeclass.

Ads GTM Link Click Event

2
Binarysurf