質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.13%

onClickでのイベントがGAに反映されない

受付中

回答 0

投稿

  • 評価
  • クリップ 0
  • VIEW 702

sinshioya

score 5

Shortcodes Ultimateのボタンを使ってページ内にある複数の同じリンクを個別にトラッキングしたい

よろしくお願いいたします。
Wordpressを使っています。コードなどは素人です。

同ページ内にある、同じリンク先のリンクを個別に計測したく、onClickを知り作業を行っているところです。

プラグインのShortcodes Ultimateのボタンを使ってイベントトラッキングをしたいのですが、うまくいきません。

プラグインのサポートページで指定されているjQueryのコードを公開し指定された方法で投稿画面でボタンを設置しているのですが、GAのイベントビューに反映されません。

該当のソースコード

jQuery(document).ready(function($) {
  // Handle button click
  $('.my-custom-button').on('click', function() {
    setTimeout(function() {
      // Track event in GA
      gtag('event', 'clicked', {
       'event_category': 'Buttons',
       'event_label': 'Shortcodes Ultimate Campaign',
       'value': '1'
      });
    }, 100);
  });
});


投稿画面での記述

[su_button class="my-custom-button" url="https://px.a8.net/svt/ejp?a8mat=2ZH9A5+461982+399O+631SY" target="blank" style="3d" background="#F76143" color="#ffffff" size="10" wide="yes" center="yes" radius="5" icon="icon: hand-o-right" icon_color="#ffffff" text_shadow="0px 0px 0px #000000"]期間限定端末キャンペーン[/su_button]

試したこと

サポートページに書かれてあったこと

Shortcodes Ultimateのボタン作成のオプションでonClick使用の為のjavaを入力するボックスがあるので、Shortcodes Ultimateのサポートで記述方法を調べると以下の情報に辿り着きました。
Shortcodes Ultimateサポートページ

これをもとに以下の方法でjavaを公開しています。

  1. WordPressにSimple Custom CSS and JSをインストールして有効化
  2. 「Custom CSS & JS」→「Add Custom JS」と進む
  3. コードの記入欄に上記コードを記入して保存
  4. キャッシュプラグインやブラウザのキャッシュを削除
    Simple Custom CSS and JSで公開してるjava

analytics.jsをgtag.jsに移行

これだけでは反映されず、色々調べた結果、analytics.jsをgtag.jsに移行しないといけないことがわかり、テーマ内のコードを確認しanalytics.jsからgtag.jsに変更しました。

サポートページにあった、このコードも古いコード(analytics.jsのコード)のようなので、gtag.jsのコードに変えました。

これで計測できる!と思いテストを行いますがダメです。
スマホでキャッシュなども削除しテストしています。

GTMの一時停止

GTMで全ての外部リンクのトラッキングを行っているのですが、GTMでの外部リンクのトラッキングは計測できています。
GTMと重複してるからか?と思いGTMを一時停止してみたのですが、それでも上記でやった要素でのトラッキングができません。

よろしくお願いいたします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.13%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる