【WordPress】Tag Managerでウィジェットごとのクリック数を計測する

やりたいこと

WordPressのウィジェット内のリンクがそれぞれ何回クリックされたのかを計測したい。

やりかた

以前の記事の内容と重複する部分が大半です。
以下の記事の内容を実施済みの場合は「Google Tag Managerで要素ごとにトリガーを設定する」以降を実施してください。

以下のサービスを連携させて計測します。あらかじめ連携を済ませておいてください。

  • Google Analytics
  • Google Tag Manager
  • Google Looker Studio

WordPressでウィジェットにユニークなCSSセレクタを設定する

Google Tag Managerのトリガーの条件とするため、ウィジェットにユニークなCSSセレクタを設定しましょう。

正確に測定するためには最低限、ページごとユニークな値(ページの中で一か所になるよう)にする必要があります。
ある程度の命名規則を決めておくことをお勧めします。

本サイトの場合はclassを使用し、以下のように設定しています。
(デバイス)-(表示ページ)-(表示場所)-(種別)(連番)

ウィジェットごとのclass設定はプラグインを使用するのが簡単です。

本サイトではWidget Optionsを使用しています。

プラグインを導入すると以下のようにウィジェットごとにclassやidを設定することができます。

Google Tag Managerで変数を設定する

設定したトリガーの条件を満たしたとき、設定したCSSセレクタ or IDをGoogle Analyticsに送るために変数を設定します。

まずは表示された要素までのセレクタをオブジェクトから単純文字列に変換する変数を作成します。