GTMカスタムJavaScript変数を介して要素テキストを取得する

debugcn 投稿 Dev

StefWill

すべて同じクラス名のリンクの2つのグループがありますが、唯一の違いはのテキストです。クリックしたリンクのテキストを取得し、GTMを介してGAに渡す必要があります。

<div class="item-set">
  <header>Section Title One</header>
  <section class="products">
    <div class="list">
      <a href="/Product/60216935"><img src="/ProductImages1.jpg"></a>
    </div>
    <div class="list">
      <a href="/Product/6021693x"><img src="/ProductImages2.jpg"></a>
    </div>
    <div class="list">
      <a href="/Product/6021693y"><img src="/ProductImages3.jpg"></a>
    </div>
  </section>
</div>
<div class="item-set">
  <header>Section Title Two</header>
  <section class="products">
    <div class="list">
      <a href="/Product/60216935"><img src="/ProductImages1.jpg"></a>
    </div>
    <div class="list">
      <a href="/Product/6021693x"><img src="/ProductImages2.jpg"></a>
    </div>
    <div class="list">
      <a href="/Product/6021693y"><img src="/ProductImages3.jpg"></a>
    </div>
  </section>
</div>

カスタムJavaScript変数を作成しました

function() {
  $('section.products div.list').click(function() {
    return $(this).closest('.item-set').find('header').text();
  });
}

しかし、ブザー音は私が期待するように（またはまったく）機能していません。「未定義」を返します。

どんな援助も大歓迎です。

ビクターレオンティエフ

clickJS変数のイベントにバインドしないでください。GTMでJS変数は、値を受け取るためにのみ使用する必要があります

目標を達成するための正しい方法は次のとおりです。

1）組み込み変数Click Elementを有効にします（すでに持っている場合は、このステップをスキップできます）

2）トリガーを作成します。スクリーンショットのリンクCSSセレクターをクリックすると起動します。.item-set .list a

3）JS変数の作成コードは次のとおりですfunction() { return $({{Click Element}}.closest('.item-set')).find('header').text(); }。3）GAにデータを送信するタグを作成します。ここでは、ステップ3から変数を使用できます。{{Click List Header}}