技術情報

MatomoトラッキングをGoogleタグマネージャ(GTM)にインストールする方法を教えてください。

 

MatomoのトラッキングをGoogleタグマネージャに追加するのは簡単です。このガイドでは、Matomoクラウドのお客様とMatomo On-Premiseユーザーの両方向けに、開始するために必要なすべての手順を説明します。

クラウドのお客様であれば、Matomoをセットアップするためにビルトインカスタム「Matomo Cloud Tag」を使用することができます。以下の手順に従ってください:

 

    1. Google Tag Managerアカウントにログインします。
    2. Matomoを追加したいコンテナを選択します。
    3. 左のメニューから「タグ」をクリックします。
    4. タグセクションの右上にある「新規」ボタンをクリックして、新しいタグを追加します。
    5. 「タグ設定」をクリックしてタグを選択します。
    6. 利用可能なすべてのタグが表示されたウィンドウがポップアップ表示されます。ここで、コミュニティテンプレートギャラリーのリンクにある「その他のタグの種類を見る」をクリックします。
    7. 検索バーで”Matomo Cloud用トラッキングタグ“でタグを選択します。
    8. MatomoのURLとMatomo IdSiteを指定してタグを設定します。
    9. 下にスクロールし、「Triggering 」をクリックします。
    10. 「すべてのページ」を選択すると、すべてのページでMatomoトラッキングタグが使用されます。
    11. 「保存」をクリックします。
    12. 「プレビュー」ボタンをクリックして、変更内容をプレビューしてください。
    13. Matomo タグが期待どおりに起動しているかどうかを確認します。
    14. 「送信」ボタンをクリックし、右上の「公開」ボタンをクリックして変更を公開します。

また、クラウドやOn-Premiseのユーザーは、以下の手順でMatomoのトラッキングをGoogleタグマネージャで設定することができます:

  1. Google Tag Managerアカウントにログインします。
  2. 「タグ」から「新規」をクリックします。
  3. 「タグ設定」 をクリックし「カスタムHTML」 を選択します。
  4. Matomo標準のJavaScriptトラッキングコードをコピーします:
    • 管理者アカウントまたはスーパーユーザアカウントでMatomoにログインします。
    • 右上のメニューにある「管理」(歯車のアイコン)をクリックします。
    • 左メニュー(「Measurables」または「ウェブサイト」メニューの下)の「Tracking Code」をクリックします。
    • 左メニューの「トラッキングコード」をクリックします。
    • 「JavaScript Tracking」セクションをクリックします。
    • 追跡したいウェブサイトを選択します。
    • トラッキングコードをコピーします。
  5. このJavaScriptトラッキングコードをタグ設定HTMLフィールドに貼り付けます。
  6. 下にスクロールし、”Triggering “をクリックします。
  7. すべてのページ “を選択すると、すべてのページで “Matomoトラッキングタグ “が使用されます。
  8. 「保存」をクリックします。
  9. 「プレビュー」ボタンをクリックして、変更内容をプレビューしてください。
  10. Matomoタグが期待通りに起動しているかを確認してください。
  11. 「送信」ボタンをクリックし、右上の「公開」ボタンをクリックして変更を公開します。

おめでとう!Googleタグマネージャ経由でMatomoトラッキングコードの設定が完了しました。ヒットがトラッキングされていることを確認するには、ウェブサイトにアクセスし、このデータが Matomo インスタンスに表示されていることを確認してください。

MatomoとGTMの併用についてさらに詳しく知りたい方は、サードパーティの記事をお勧めします:グーグルタグマネージャーとMatomo.

Matomoにも独自のタグマネージャがあることをご存知ですか?Matomo タグマネージャの詳細または、GTMからMTMへの移行方法をご覧ください。