web-dev-qa-db-ja.com

Google Tag Managerでローテーション広告を追跡する

そのため、現時点では、Google Analytic（Universal）のイベントトラッキングを使用して広告を設定しており、次の形式で実装されています。

<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>

同じベンダーの広告が複数の位置に表示されるため、可能であれば、これらの広告を位置ごとに追跡したいと思います。

Googleタグマネージャーでこのようなものを実装する方法を頭に入れようとしています。これにはRegExでの高度なルールが含まれると思いますか？ dataLayerを介して渡すことができるものですか？

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

HTML5を使用している場合、data-attributesを広告リンクに追加できます。

<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>

次に、この種のリンク（例として「someclass」で識別）のクリックをキャッチするために、Googleタグマネージャーに新しいタグを追加します。 Tag name：名前にしたいものは何でも; Tag Type：Custom HTML Tag。 JQueryを使用すると、data-attributesを抽出し、それらをパラメーターとしてga関数に渡すことができます。このスニペットをHTMLテキストボックスに挿入します。明らかに、classおよびdata-attributesの名前として使用するものに基づいて、必要に応じてスニペットを調整する必要があります。

<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>

次に、サイトのすべてのページで起動するFiring Ruleを追加します（すべての場所でリンクにこれらの種類があると仮定します）。このようなルールは次のようになります

{{url}}    matches regex     .*



更新：GTMリンククリックリスナーの使用

上記の私の例のようにリンクにデータ属性があると仮定すると、次のようなことができます：

GTMリンククリックリスナーを設定する###

新しいTagを追加します。 タグ名に任意の値、たとえばLink Click Listenerを設定します。
Set Tag Type to Link Click Listener。
すべてのページに発砲ルールを追加します。

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

広告リンクのクリックイベントトラッキングを設定する

新しいTagを追加します。
Set Tag Name好きなもの、おそらくAd Links Clickに設定します。
Set Tag Type to Google Analytics => Universal AnalyticsまたはClassic Google Analyticsは、使用しているバージョンによって異なります。
ウェブプロパティIDを挿入します。
Set Track Type to Event; イベントトラッキングパラメータマクロを追加して広告リンクから情報を取得し、それらをイベントのパラメータに設定する必要があります。

イベントの場合カテゴリ：
ブリックアイコンをクリックし、New macroを選択します。
マクロ名をAd Link Positionなどのように設定します。
マクロタイプをCustom Javascriptに設定します。
このコードをカスタムJavascriptテキストボックスに挿入：

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

イベントの場合Action必要なものを設定します。おそらくclick。

イベントの場合ラベル：
ブリックアイコンをクリックし、New macroを選択します。
マクロ名をAd Link Name - Sizeなどのように設定します。
マクロタイプをCustom Javascriptに設定します。
このコードをカスタムJavascriptテキストボックスに挿入：

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

イベントの場合値：
ブリックアイコンをクリックし、New macroを選択します。
マクロ名をAd Link Valueなどのように設定します。
マクロタイプをCustom Javascriptに設定します。
このコードをカスタムJavascriptテキストボックスに挿入：

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

これらの広告リンクのクリックをインタラクションとしてカウントしたくない場合は、イベントNon-interactionをtrueに設定してください。

Ad Links Click

Macro with Custom Javascript

そしてここに、Ad Links ClickからLink Click Listenerへのチェーンの魔法があります：
新しい発砲ルールをAd Links Clickタグに追加します。
ルール名をAds GTM Link Click Eventのようなものに設定します。
新しい条件 set {{event}}equalsgtm.linkClickを追加します。
秒を追加条件 set {{element classes}}equalssomeclass。

Ads GTM Link Click Event

2
Binarysurf