見出し画像

【GTM】aタグにclassを入れても発火しない!ってときに役立つテンプレ【クリック計測】

GTMでクリック計測したいとき、よく利用されるのがaタグにclass属性を入れて、GTMのClick Classesでトリガーを設定するという方法だと思います。

Google-タグ-マネージャー

でも何ででしょうね、リンククリックトリガーが発火しないんだけどっ!というときが結構ある訳ですよ。それでクリックトリガーで代用するとうまく発火するみたな。

で、クリックトリガーで代用する場合もうまく発火しないケースがあるのでその解決方法をまとめます。

まずクリックトリガーでも発火しないケースですが、下記のようにaタグ内に子要素が入ってる場合ですね。

<a href="#" class="click"><span>このボタンのクリックを計測しますよ</span></a>

クリックトリガーはクリックされた子要素の情報を取得するので、こんな感じの状態だとうまくいきません。

上の例でいくと親となるaタグのclass属性である「click」を取得する必要があるわけです。

JavaScriptに詳しい方は変数を作成して対応できるとは思うのですが、私はJSできませんので!

GTMのテンプレートギャラリーに親要素の属性を取得するテンプレが公開されていますので、同じような悩みを抱えてる方はぜひ利用してみてください。

いやーこれホント、結構使えるんですよ。凄く助かってます。

ところで、Google Tag Managerをなんて読んでます?GTM?タグマネ?
Google AnalyticsがGAだからってだけの理由ですが、私はGTM派です。(どうでもいい)

頂いたサポートは、ウェブアナリストとしての活動を広め、その重要性を世間に認知してもらう活動に使っていきます。どうぞよろしくお願いいたします。