【GTM】aタグにclassを入れても発火しない!ってときに役立つテンプレ【クリック計測】
GTMでクリック計測したいとき、よく利用されるのがaタグにclass属性を入れて、GTMのClick Classesでトリガーを設定するという方法だと思います。
でも何ででしょうね、リンククリックトリガーが発火しないんだけどっ!というときが結構ある訳ですよ。それでクリックトリガーで代用するとうまく発火するみたな。
で、クリックトリガーで代用する場合もうまく発火しないケースがあるのでその解決方法をまとめます。
まずクリックトリガーでも発火しないケースですが、下記のようにaタグ内に子要素が入ってる場合ですね。
<a href="#" class="click"><span>このボタンのクリックを計測しますよ</span></a>
クリックトリガーはクリックされた子要素の情報を取得するので、こんな感じの状態だとうまくいきません。
上の例でいくと親となるaタグのclass属性である「click」を取得する必要があるわけです。
JavaScriptに詳しい方は変数を作成して対応できるとは思うのですが、私はJSできませんので!
GTMのテンプレートギャラリーに親要素の属性を取得するテンプレが公開されていますので、同じような悩みを抱えてる方はぜひ利用してみてください。
いやーこれホント、結構使えるんですよ。凄く助かってます。
ところで、Google Tag Managerをなんて読んでます?GTM?タグマネ?
Google AnalyticsがGAだからってだけの理由ですが、私はGTM派です。(どうでもいい)
頂いたサポートは、ウェブアナリストとしての活動を広め、その重要性を世間に認知してもらう活動に使っていきます。どうぞよろしくお願いいたします。