Rinkerのクリック数が計測できないのはタグマネージャーの設定で解決!【GTMでイベントトラッキングする方法】

2019年1月30日 2019年11月1日 Wordpress , ,

アフィリエイトリンクを簡単に設置できるWordpressプラグイン「Rinker」を導入しました。

Rinker

Rinkerではイベントトラッキング機能があり、どの商品リンクが何回クリックされたかGoogleアナリティクスで計測することができます。

ところがRinkerでリンクを設置後、 一向にGoogleアナリティクスでクリック数が計測されていませんでした。

ナオユ

えぇ…?!全然クリックされなくなっちゃったんか?

ここは焦らず、Google Analytics Debuggerを使って、クリックイベントのトラッキングが正常に動作しているかチェックしてみます。

ChromeのConsoleを見ると、Command ignored. Unknown target: undefined というエラーが出ています。
どうやら、クリックイベントが正しく送信できていないようです。

イベントトラッキングについて

Googleアナリティクスでクリック計測するには、リンクにJavaScriptのClickイベントを設置しイベントを送信します。

gtag('event', <action>, {
  'event_category': <category>,
  'event_label': <label>,
  'value': <value>
});

Rinkerではリンクで自動的にこのイベントが送信されるようになっています。

<action> は、Google アナリティクスのイベント レポートでイベント アクションとして表示される文字列です。
<category> は、イベントのカテゴリとして表示される文字列です。
<label> は、イベントのラベルとして表示される文字列です。
<value> は、イベントの値(価値)として表示される 0 以上の整数です。

https://developers.google.com/analytics/devguides/collection/gtagjs/events から引用

Google アナリティクスのイベントを測定する

具体的には、HTMLのonclick属性などで次のように記述したりします。
※<value>は省略できるので敢えてここでは省きます

<a href="https://xxx.com" onclick="gtag('event', 'click', {'event_category': 'アフィリエイト', 'event_label': 'リンク名'});">リンクテキスト</a>

Googleアナリティクスのタグを直接サイトに記述していたり、プラグインの「All in One SEO」で設置している場合は、この方法で問題なくクリックは計測できます。

Googleタグマネージャーを設置していてクリックを計測したい場合は、タグマネージャーで設定を追加する必要があります。

Googleタグマネージャーの「変数の設定」を変更する

タグマネージャーで「Googleアナリティクスの変数の設定」を確認します。

タグマネージャーの変数画面

Googleアナリティクスの変数の設定で「高度な設定 > トラッカー名を設定する」にチェックを入れます。
トラッカー名は空欄のままでOKです。

GoogleタグマネージャーでGoogleアナリティクスのトラッキングIDの高度な設定「トラッカー名を設定する」にチェックする

これで、Rinkerのイベントトラッキングが正しく送信されるようになります。

Rinkerのイベントトラッキングがアナリティクスで確認できます
この記事へのコメント
  1. Tetsuya より:

    ご返信いただきありがとうございます。

    状況としては、GTMの導入自体は設定したイベントがアナリティクスに反映されているので、プラグインでうまくいっているなのですが、リンカーのイベントトラッキングだけGTM導入後にアナリティクスから消えて「トラッカー名を設定する」にしても復活しない感じですね!

    頂いたURLなどを確認して再調査してみます!

  2. Tetsuya より:

    ナオユ様

    初めまして。私アフィリエイトサイトを運営しておりますTetsuyaと申します。

    タグマネージャーを導入してからRinkerのイベントが消えたので、こちらの記事を参考にグーグルアナリティクスの変数の設定で「トラッカー名を設定する」にチェックを入れました。

    しかし、いまだイベントが正常に機能しません。

    タグマネージャーの導入は、head内の上・bodyの直後へのコード貼り付けだとなかなかうまくいかなかったので、プラグイン「Google Tag Manager」を使用しました。

    もしかしたらプラグインを使用した導入のため、うまくいかないのでしょうか。

    お忙しい中大変恐縮ですが、お時間がありましたら目を通して頂けると幸いです。

    • ナオユ より:

      そのプラグインは私はよく知らないのでなんとも言えないのですが、タグマネージャ(以下GTM)の導入で、GTMのタグをソースへ直接書いてもうまくいかないというのでしたら、プラグインでもうまくいかないかも知れません。
      なぜなら、GTMでGoogleアナリティクスの設定ができていない、という可能性があるからです。
      GTMでGoogleアナリティクスを設置する方法は当ブログでは書いてないのでご案内できなくて申し訳ないですが、まずはGTMの設定を見直してみてください。

      GTMやアナリティクスが動いてるか確認できるChrome拡張もあるので、併せて試してみてください!
      https://chrome.google.com/webstore/detail/tag-assistant-by-google/kejbdjndbnbjgmefkgdddjlbokphdefk

コメントを残す

メールアドレスが公開されることはありません。

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

このサイトの管理者

ナオユ

Wordpress初心者向けにカスタマイズ方法やWEB制作のノウハウをポロッとまとめています。広告代理店→WEB制作会社→リモート勤務になり在宅ワークしながらアフィリエイトなど副業に挑戦中|子ども大好き新米パパ@H29男児|フラット35で実家を建て直し親と同居|仮想通貨投資(絶賛含み損w)