Osanoは、サードパーティのブロック、多言語をサポートし、訪問者の地理的位置に基づいて自動的に異なる国の同意要件を処理する気の同意管理プラットフォームです。

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

前提条件

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

ステップ1） MatomoとOsanoを接続する

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

<script>
var waitForTrackerCount = 0;
function matomoWaitForTracker() {
  if (typeof _paq === 'undefined') {
    if (waitForTrackerCount < 40) {
      setTimeout(matomoWaitForTracker, 250);
      waitForTrackerCount++;
      return;
    }
  } else {
    Osano.cm.addEventListener('osano-cm-initialized', 
      (change) => { consentSet(window.Osano.cm.getConsent()); });
    Osano.cm.addEventListener('osano-cm-consent-changed', 
      (change) => { consentSet(change); });
  }
}
function consentSet(change) {
  if (change.hasOwnProperty('ANALYTICS') && change.ANALYTICS === 'ACCEPT') {
    _paq.push(['setCookieConsentGiven']);
    _paq.push(['setConsentGiven']);    
  } else {
    _paq.push(['forgetCookieConsentGiven']);
    _paq.push(['forgetConsentGiven']);    
  }
}
document.addEventListener('DOMContentLoaded', matomoWaitForTracker());
</script>

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

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

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

「追跡への同意」
ユーザー識別子やeコマースの注文など、個人データが追跡される場合は、このモードを使用する必要があります。アナリティクスへの同意がOsanoで与えられていない場合、Matomoはトラッキングを一切行いません。

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

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

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

• 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([‘requireCookieConsent’]);という行を追加します。
• 出来上がったコードは次のようになるはずです：

  <!-- 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のトラッキングコードがページにある場合は、この更新版に置き換えてください。

ステップ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([‘requireConsent’]);で始まる最初の行の直前に_paq.push([‘requireConsent’]);という行を追加します。
• 出来上がったコードは次のようになるはずです：

  <!-- 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のトラッキングコードがページにある場合は、この更新版に置き換えてください。

結論

このガイドのステップにうまく従えば、あなたのウェブサイトは、OsanoとMatomoの両方が連携し、Osanoは訪問者の同意をすべて管理し、Matomo JavaScriptトラッカーは、追跡されることに同意した訪問者のみを追跡します。