MatomoでCookieYes Consent Managerを使用する

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

はじめに

CookieYesは、クッキーの自動ブロック、多言語翻訳、ジオターゲティング、プライバシーポリシー生成をサポートする人気の同意管理プラットフォームです。

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

前提条件

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

ステップ1) MatomoとCookieYesの接続

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

<script>
var waitForTrackerCount = 0;
function matomoWaitForTracker() {
  if (typeof _paq === 'undefined') {
    if (waitForTrackerCount < 40) {
      setTimeout(matomoWaitForTracker, 250);
      waitForTrackerCount++;
      return;
    }
  } else {
    document.addEventListener("cookieyes_consent_update", function (eventData) {
        const data = eventData.detail;
        consentSet(data);
    });   
  }
}
function consentSet(data) {
   if (data.accepted.includes("analytics")) {
       _paq.push(['setCookieConsentGiven']);
       _paq.push(['setConsentGiven']);
   } else {
       _paq.push(['forgetCookieConsentGiven']);
       _paq.push(['forgetConsentGiven']);
   }
}
document.addEventListener('DOMContentLoaded', matomoWaitForTracker());
</script>

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

「クッキーへの同意」

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

「追跡への同意」

ユーザー識別子や電子商取引の注文など、個人データが追跡される場合は、このモードを使用する必要があります。もしアナリティクスCookieYes に Cookie が指定されていない場合、Matomo はトラッキングを行いません。

Matomoにおける個人データ処理についての詳細はこちらをご覧ください。

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

Matomoのダッシュボードで、管理（歯車のアイコン）＞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のトラッキングコードがページにある場合は、この更新版に置き換えてください。

結論

CookieYesはすべての訪問者の同意を管理し、Matomo JavaScriptトラッカーは追跡されることに同意した訪問者のみを追跡します。

技術情報

はじめに

前提条件

ステップ1) MatomoとCookieYesの接続

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

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

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

結論