技術情報

MatomoのコードをWebflowにインストールする方法

2025年01月21日 CMS 統合 追跡データ

 

Webflow はウェブデザインツール、CMS、ホスティングプラットフォームです。Matomoのトラッキングコードは、embed code 要素を使用してWebflowサイトに追加する必要があります。Webflow では、サイト全体またはページごとにトラッキングコードを追加することができます。以下、両方の方法について説明します。

有料の webflow.com アカウントと Matomo インスタンス(セルフホストまたはCloud)が必要です。

MatomoとWebflowの統合(サイト全体)

1.Matomoトラッキングコードをコピーします:
a.Matomoにログインする。
b.ダッシュボードの右上にある「管理者(歯車のアイコン)」をクリックします。
c.”Measurables “の下にある “Manage “をクリックする。
d.トラッキングコードを見る」をクリックします。
e.下にスクロールし、JavaScriptのトラッキングコードをコピーする。
2.Webflow デザイナーにログインします。
3.左上のナビメニューからプロジェクト設定を選択します。

4.横のナビバーからカスタムコードを選択しましす。

5.トラッキングコードをヘッドコードのテキストボックスに貼り付けます。
6.変更を保存をクリックします。
7.変更を公開する。
8.Matomoにログインし、ページがビジター > ビジットログレポートで追跡されているか確認する。.

MatomoとWebflowの統合(1ページあたり)

訪問者がいるページに基づいて特定のトラッキングリクエストを実行したい場合があります。例えば、ゴールをトリガーするイベントなどです。

以下の手順で行ってください。

  1. Webflow デザイナーにログインします。
  2. 左のナビメニューからページアイコンを選択します。
  3. コードを追加したいページの歯車をクリックします。
  4. 右側のパネルをカスタムコードまで下にスクロールしてください。
  5. ページ固有のコードを追加します。例えば、このページにイベントを追加したいとします。
    注:通常、トラッキングコードはサイト全体だけでなく、ここにも追加しません。
  6. 変更を公表する。
  7. Matomoにログインし、レポート「ビジター」>「ビジットログ」でそのページがトラッキングされているか確認してください。

おめでとうございます!これでWebflowウェブサイトの訪問者をトラッキングできるようになりました。アナリティクスをお楽しみください!