タグマネージャイベントでのカスタムラベルの設定

Question

Googleのページには2つのリンクがあり、gtmを使用してクリックを記録したいと考えています。

<a href="..." data-gtm-event="register">Register now</a> 
<a href="..." data-gtm-event="logon">Log on</a> 

我々は[data-gtm-event]のCSSセレクタと一致要素のクリックのトリガを有します。

最後に、Link eventを記録するためにトリガーを使用してタグを設定しました。トリガーが発砲してタグが作動しています。

しかし、記録されたイベントのラベルを、クリックしたリンクに応じてRegisterまたはLog onに変更する方法があります。過去にはそれぞれのタグごとに1つのトリガーを作成しましたが、それは持続可能ではありません。

function(){ 
    return "My label"; 
} 

をし、イベントのラベルを割り当てるためにそのカスタム変数を使用します。

は、私はこのようなカスタムJavaScript変数を作成することができます知っています。そして私はそれが働いているのを見ます。

ダイナミックにする方法はありますか？

私はusing the dataLayerのウェブ上の例を見つけましたが、私のHTML要素にonclick属性を追加したくありません。

クリックした要素にアクセスしてそのデータ属性から値を取得する方法はjavascript変数にありますか？

マクロを使用しているページが見つかりましたが、これは古いバージョンのものですか？

Answer 1

組み込みの「クリック」変数を有効にすると、その中の1つが「要素をクリック」されます。これは実際にすべての属性を持つDOM要素を返します。あなたはこれを参照して

function() { 
    return {{Click Element}}.getAttribute('data-gtm-event'); 
} 

を行うことができますjavascriptの変数カスタムでそう

（多分あなたは属性が実際に最初に存在するかどうかを確認します）。