技術情報

Googleタグマネージャからの移行

2025年01月21日 Matomoタグマネージャー はじめる タグマネージャーを始める

 

Googleタグマネージャ（GTM）からMatomoタグマネージャ（MTM）にタグを移行したいとお考えですか？MTMはGTMと同じ機能をたくさん持っていますが、覚えておくべき重要な違いがいくつかあります。

移籍のプロセス

GTMからMTMへの移行は、十分な違いがあり、かなり複雑なため、現在は手作業で行っています。

おそらく、MTMでコンテナを作成し、使い慣れた環境がすべて揃っていることを確認することから始めたいでしょう。それが済んだら、次のように進めばよいです：

  • GTM 変数のリストに目を通し、MTM で同じような変数を作ってみてください。MTMの変数に慣れるには、まず変数ユーザーガイド.から始めるのがよいでしょう。
  • 次に、GTM のトリガーをすべて調べて、MTM で複製してみましょう。MTMトリガーの詳細はトリガーユーザーガイド.を参照してください。
  • 変数とトリガーを配置したら、GTMタグをすべてMTMに複製してみましょう。MTMタグについてはタグ ユーザーガイド.を参照してください。
  • MTMのインストールコードをコピーし、ウェブサイトのHTMLヘッダーのGTMスニペットの近く、またはその場所に挿入します。詳しくはタグマネージャーコンテナのインストール FAQ.を参照してください。
  • これでタグのプレビューとデバッグの準備が整ったはずです。これについてはプレビュー/デバッグ FAQ.を参照してください。
  • すべてがうまくいったら、新しいバージョンを作って公開することができます。このプロセスはバージョンとユーザーガイドの発行.を参照してください。

並べて比較

グーグルタグマネージャー Matomo タグマネージャ
ナビゲーション 上部と左側のナビゲーション・バー 左ナビゲーションバー
環境 デフォルトは「ライブ」と「最新」。設定は管理者タブで行います。 デフォルトは「live」、「staging」、「dev」です。設定はメイン管理画面のギアアイコン > システム > 一般設定 > タグマネージャーにあります。
容器 複数のワークスペースを使用でき、管理タブからJSONにエクスポートできます。 ワークスペースはないが、複数のユーザーがコンテナを管理できます。JSONへのエクスポートは、左ナビゲーション・ペインのバージョン・オプションからアクセスでき、バージョン管理（Manage Versions）というタイトルのビューから行います。
バージョン 削除されたバージョンは復元できます。 一度削除されたバージョンは、もうアプリケーションで見ることはできません。
タグ 50種類以上 20種類以上。カスタムHTMLタグで多くのことが実現できます。特定の種類のタグが必要な場合は、あなたや同僚が新しいタグテンプレートをコーディングしてください。どちらの方法もうまくいかない場合は、サポートに連絡し、issueを記録してもらい、希望のタグを実装してもらうことを検討してください。
トリガー 有り オプションはまったく同じではないが、同等です。
あらかじめ定義された変数 約40の組み込み変数。デフォルトでは5つしか表示されず、もっと表示させるには設定が必要。 約60の設定済み変数。すべてのオプションが常に表示されます。
変数の種類 約20 10以上だが、カスタムJavaScriptはかなり多用途に使えます。またうまくいけば、あらかじめ設定された変数の数の多さによって少し相殺されます。
フォルダ タグ、トリガー、変数をグループ化/整理するために使用できます。 なし
テンプレート 有り なし
コード・スニペット 通常、コードまたはコンテナ・スニペットと呼ばれます。 インストールコードと呼ばれることが多いです。

基本的な移行例

例1：スクロール・トリガー

例えば、次のようなGTM Scroll Depthトリガーがあるとします：

MTMで同様のトリガーを作成するには、次のようにします：

  • 左のナビゲーションペインでトリガーオプションをクリックします：

  • ボタンをクリックして、新しいトリガーを作成します：

  • トリガータイプの入力を求められます。Srcoll リーチのタイプを選択します：

  • トリガーに同じか似た名前をつける。
  • 適切なスクロールマッチのタイプを選択します：

  • その他の必要なフィールドを入力し、フォームの一番下にあるボタンをクリックして、新しいトリガーを作成します。
  • あなたのトリガーは、新しいタグの作成に使用できるようになります。

例 2: カスタム HTML 変数

例えば、前述のトリガーを使ってGTM変数を作成し、次のようなテキストを表示するとします：

MTMで同様のタグを作成するには、以下のようにする：

  • 左のナビゲーションペインからタグオプションを選択します。

  • ボタンをクリックして新しいタグを作成します。

  • カスタムHTMLタグタイプを選択します。

  • タグの名前を設定する。
  • カスタムHTMLフィールドに必要なHTMLを入力します。
  • 前の例で作成したトリガーを選択します。

  • その他の値は必要に応じて入力してください。
  • タグを保存するには、フォームの一番下にあるボタンをクリックします。

例3：カスタムJavaScript変数

おそらく、サイト上でクリックされた画像のソースURLを追跡するGTMタグがあるでしょう。まず、画像クリックのトリガーを次のように設定します：

次のようなカスタムJavaScript変数があります：

タグはトリガーを参照し、次のような変数になります：

MTMで同様のタグを作成するには、以下のようにする：

  • 左のナビゲーションペインでトリガーオプションをクリックします：

  • ボタンをクリックして、新しいトリガーを作成します：

  • トリガータイプの入力を求められます。All Elements Click タイプを選択します：

  • トリガーに同じか似た名前をつける。
  • Only trigger when (オプション)セクションで、selectをクリックして制限する変数を選択する：

  • Clicks typeグループを展開するか、’Click n’を検索してClick Node Nameオプションを選択します：

  • 演算子はequalsのままにして、次のように値を’img’とする：

  • その他の必要なフィールドを入力し、フォームの一番下にあるボタンをクリックして、新しいトリガーを作成します。
  • 次に、左のナビゲーション・ペインから「変数」オプションを選択する：

  • 変数名を設定する。
  • JavaScript Functionの入力値を以下のように設定する：

    function () { return TagManager.dom.getElementAttribute(TagManager.dataLayer.get('mtm.clickElement'), 'src'); }

    このJavaScriptが何をしているのか、もっと詳しく知りたい方はタグマネージャJavaScript APIドキュメンテーション
  • その他の必要なフィールドを記入し、フォームの一番下にあるボタンをクリックして、新しい変数を作成する。
  • 左のナビゲーションペインからタグオプションを選択します。

  • ボタンをクリックして新しいタグを作成します。

  • Matomo Analyticsのタグタイプを選択します。

  • タグの名前を設定する。
  • ドロップダウンを使ってMatomo設定変数を割り当てます。
  • タグの名前を設定する。
  • トラッキングの種類として「イベント」を選択します：

  • GTMで設定したのと同じように、イベントカテゴリーとアクションを入力する。アクション入力の横にあるボタンを使って、先に作成した変数を選択することができます：

  • デフォルトでPageviewになっているドロップダウンを、以前に作成したトリガーに変更します：

  • タグを保存するには、フォームの一番下にあるボタンをクリックします。