MatomoでCookiebot Consent Managerを使う

2025年01月21日同意管理同意管理追跡データ

はじめに

クッキボットは、一括ドメイン同意、自動検出による多言語、ジオターゲティング、毎月のクッキー監査をサポートする、使いやすい同意管理プラットフォームです。

このステップバイステップのガイドでは、CookiebotとMatomoを連携させるための設定方法について説明します。Cookiebotは訪問者の同意を要求して追跡し、MatomoはCookiebotが提供する同意ステータスに基づいてアナリティクスの追跡を有効または無効にします。

前提条件

このガイドの指示に従う前に、すでにCookiebotアカウントを作成し、あなたのウェブサイトに同意マネージャコードを追加するために必要な手順を完了している必要があります。

ステップ1) MatomoとCookiebotを接続する

MatomoのJavaScriptトラッカーが常にCookiebotが提供する訪問者の同意ステータスを使用するようにするには、Cookiebotコードの下にある各ウェブサイトページのヘッダーに次のコードを追加する必要があります：

<script>
var waitForTrackerCount = 0;
function matomoWaitForTracker() {
  if (typeof _paq === 'undefined' || typeof Cookiebot === 'undefined') {
    if (waitForTrackerCount < 40) {
      setTimeout(matomoWaitForTracker, 250);
      waitForTrackerCount++;
      return;
    }
  } else {
    window.addEventListener('CookiebotOnAccept', function (e) {
        consentSet();
    });
    window.addEventListener('CookiebotOnDecline', function (e) {
        consentSet();
    })
  }
}
function consentSet() {
  if (Cookiebot.consent.statistics) {
    _paq.push(['setCookieConsentGiven']);
    _paq.push(['setConsentGiven']);
  } else {
    _paq.push(['forgetCookieConsentGiven']);
    _paq.push(['forgetConsentGiven']);
  }
}
document.addEventListener('DOMContentLoaded', matomoWaitForTracker());
</script>

Matomoは、訪問者がCookiebotの「統計」に同意した場合にのみ、訪問者を追跡します。

Matomoは2つの異なる方法で同意を適用できます：

「クッキーへの同意」

このモードは、個人データが追跡されない場合に使用できます。Cookieの使用に同意しない場合でも、MatomoはCookieを使用せずに訪問者を追跡し、あらゆる測定基準を提供しますが、一部の測定基準の精度は低下する可能性があります。Cookieは、Cookiebotで統計Cookieへの同意が与えられている場合にのみ使用されます。

「追跡への同意」
ユーザー識別子や電子商取引の注文など、個人データが追跡される場合は、このモードを使用する必要があります。もし統計Cookiebot で Cookie が指定されていない場合、Matomo はトラッキングを行いません。

Matomoにおける個人データ処理の詳細はこちら

どちらのMatomo同意モードを選択するかによって、ステップ2aまたはステップ2bに従います。

MatomoのダッシュボードのAdministration > Measurables > Tracking Codeに移動し、正しいウェブサイトが選択されていることを確認してください。

Matomoのダッシュボードに表示されているトラッキングコードをコピーし、テキストエディタに貼り付けます。以下のようになります：

<!-- Matomo -->
<!-- SAMPLE CODE - DO NOT COPY THIS -->
<!-- COPY THE TRACKING CODE FROM YOUR MATOMO DASHBOARD -->
<script>
  var _paq = window._paq = window._paq || [];
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//matomo/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '1']);
  })();
</script>
<script src="//matomo/matomo.js"></script>
<!-- End Matomo Code -->

_paq.push(['requireCookieConsent']);で始まる最初の行の直前に_paq.push.という行を追加します。

出来上がったコードは次のようになるはずです：

<!-- Matomo -->
<!-- SAMPLE CODE - DO NOT COPY THIS -->
<!-- COPY THE TRACKING CODE FROM YOUR MATOMO DASHBOARD -->
<script>
  var _paq = window._paq = window._paq || [];
  _paq.push(['requireCookieConsent']);
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//matomo/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '1']);
  })();
</script>
<script src="//matomo/matomo.js"></script>
<!-- End Matomo Code -->

もしすでにMatomoのトラッキングコードがページにある場合は、この更新版に置き換えてください。

MatomoのダッシュボードのAdministration > Measurables > Tracking Codeに移動し、正しいウェブサイトが選択されていることを確認してください。

Matomoのダッシュボードに表示されているトラッキングコードをコピーし、テキストエディタに貼り付けます。以下のようになります：

<!-- Matomo -->
<!-- SAMPLE CODE - DO NOT COPY THIS -->
<!-- COPY THE TRACKING CODE FROM YOUR MATOMO DASHBOARD -->
<script>
  var _paq = window._paq = window._paq || [];
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//matomo/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '1']);
  })();
</script>
<script src="//matomo/matomo.js"></script>
<!-- End Matomo Code -->

_paq.push(['requireConsent']);で始まる最初の行の直前にある_paq.push.の行を追加します。

出来上がったコードは次のようになるはずです：

<!-- Matomo -->
<!-- SAMPLE CODE - DO NOT COPY THIS -->
<!-- COPY THE TRACKING CODE FROM YOUR MATOMO DASHBOARD -->
<script>
  var _paq = window._paq = window._paq || [];
  _paq.push(['requireConsent']);
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//matomo/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '1']);
  })();
</script>
<script src="//matomo/matomo.js"></script>
<!-- End Matomo Code -->

もしすでにMatomoのトラッキングコードがページにある場合は、この更新版に置き換えてください。

結論

Cookiebotがすべての訪問者の同意を管理し、MatomoのJavaScriptトラッカーが同意した訪問者のみを追跡します。

技術情報

はじめに

前提条件

ステップ1) MatomoとCookiebotを接続する

ステップ2) Matomo Trackerの同意モードを設定する

ステップ2a) クッキーへの同意

ステップ2b) 追跡への同意

結論