CookieConsent + Tealium iQ 同意統合

// 1.0.0-beta4
// base: cookieconsentv3


;(function cookieConsentV3Integration (window) {
  // CMP特有の機能とラベル
  window.tealiumCmpIntegration = window.tealiumCmpIntegration || {}
  window.tealiumCmpIntegration.cmpName = 'CookieConsentV3'
  window.tealiumCmpIntegration.cmpIntegrationVersion = 'v1.0.0-beta4'
  window.tealiumCmpIntegration.cmpFetchCurrentConsentDecision = cmpFetchCurrentConsentDecision
  window.tealiumCmpIntegration.cmpFetchCurrentLookupKey = cmpFetchCurrentLookupKey
  window.tealiumCmpIntegration.cmpCheckIfOptInModel = cmpCheckIfOptInModel
  window.tealiumCmpIntegration.cmpCheckForWellFormedDecision = cmpCheckForWellFormedDecision
  window.tealiumCmpIntegration.cmpCheckForExplicitConsentDecision = cmpCheckForExplicitConsentDecision
  window.tealiumCmpIntegration.cmpCheckForTiqConsent = cmpCheckForTiqConsent
  window.tealiumCmpIntegration.cmpConvertResponseToGroupList = cmpConvertResponseToGroupList
  // CMP統合オブジェクトに新しいコールバック関数を追加
  window.tealiumCmpIntegration.cmpAddCallbackToTriggerRecheck = cmpAddCallbackToTriggerRecheck
  // 'Opt-in'モデル（GDPRスタイル）を実行している場合は真を返すべき
  function cmpCheckIfOptInModel () {
    var cmpRawOutput = cmpFetchCurrentConsentDecision() || {};
    return cmpRawOutput.config && cmpRawOutput.config.mode !== 'opt-out'; // 安全のためにデフォルトでopt-inモード
  }

  // CMP特有の生のオブジェクト（オブジェクトでなければならない）を返すべきで、その決定に関する必要な情報を含む。
  // この出力は以下の関数でcmpRawOutput引数として使用される。
  function cmpFetchCurrentConsentDecision () {
    if (typeof CookieConsent !== 'object') return false;
    var output = {};
    output.userPreferences = CookieConsent.getUserPreferences();
    output.config = CookieConsent.getConfig();
    return output;
  }

  function cmpFetchCurrentLookupKey () {
    // この場合、IDベースのダブルチェックを短絡するために期待されるベンダーIDを返すだけ - これは必要ない
    return (window.tealiumCmpIntegration && window.tealiumCmpIntegration.map && Object.keys(window.tealiumCmpIntegration.map)[0]) || '(Vendor ID check disabled)';
  }

  // 生の決定がCMPの期待に合っているかどうかを返すべき - 真ならば合っている
  function cmpCheckForWellFormedDecision (cmpRawOutput) {
    return typeof cmpRawOutput === 'object' && typeof cmpRawOutput.config === 'object' && 
           typeof cmpRawOutput.config.categories === 'object' && typeof cmpRawOutput.userPreferences === 'object';
  }

  // 同意決定がユーザーによって明示的に行われたかどうかを返すべき - 真ならば明示的
  function cmpCheckForExplicitConsentDecision (cmpRawOutput) {
    return cmpRawOutput && cmpRawOutput.userPreferences && cmpRawOutput.userPreferences.acceptType !== '';
  }
  // サービスに基づいてキーを生成するCMP特有のヘルパー関数
  function getServiceKey(category, serviceName) {
      // 親カテゴリ名とサービス名の間にハイフンを追加してキーを明確に保つ
      // 'functional-functional_vendor1'
      return '' + category + '-' + serviceName
  }
  // カテゴリがスタンドアロン（つまり、サービスがない）かどうかをチェックするCMP特有のヘルパー関数 - カテゴリが存在しない場合やCMP構成がない場合はundefinedを返す
  function isCategoryStandalone (cmpRawOutput, category) {
    var categoryEntry = cmpRawOutput && cmpRawOutput.config && cmpRawOutput.config.categories && cmpRawOutput.config.categories[category]
    if (typeof categoryEntry !== 'object') return undefined
    var categoryHasServices = typeof categoryEntry.services === 'object' && Object.keys(categoryEntry.services).length > 0
    return !categoryHasServices
  }
  function getAllowedCategoriesAndServices(cmpRawOutput) {
    var acceptedServiceObj = cmpRawOutput && cmpRawOutput.userPreferences && cmpRawOutput.userPreferences.acceptedServices
    var acceptedCategoriesAndServices = cmpRawOutput && cmpRawOutput.userPreferences && cmpRawOutput.userPreferences.acceptedCategories
    var allCategories = cmpRawOutput && cmpRawOutput.config && cmpRawOutput.config.categories || {}
    // オプトインモードであり、かつ同意決定が行われていない場合、定義されたすべてのカテゴリ（またはそのサービス）を読み取り専用（必要）として返す
    // 'enabled'はオプトアウトモードでのみ使用され、`acceptedCategories`には含まれていない（v3.1.0）
    if (cmpCheckForExplicitConsentDecision(cmpRawOutput) !== true && cmpCheckIfOptInModel(cmpRawOutput) === true) { 
      var purposeArray = []
      Object.keys(allCategories).forEach(function (cat) {
        var catIsReadOnly = allCategories[cat].readOnly === true
        if (catIsReadOnly && isCategoryStandalone(cmpRawOutput, cat))  {
          purposeArray.push(cat)
        } else if (catIsReadOnly) {
          // 読み取り専用カテゴリのすべてのサービスを受け入れられたサービスリストに追加する必要がある
          var services = Object.keys(allCategories[cat].services) || {}
          services.forEach(function (service) {
            purposeArray.push(getServiceKey(cat, service))
          })
        }
      })
      return purposeArray
    }
    if (typeof acceptedServiceObj !== "object") return []
    var allAllowed = []
    var i, serviceNames
    for (i = 0, serviceNames; i < acceptedCategoriesAndServices.length; i++) {
      // サービスが定義されている場合は、それらが目的マッピングにとって唯一重要なものであるため、スタンドアロンカテゴリ（サービスなし）のみをプッシュする。
      // （サービスが定義されている場合、メインカテゴリスイッチを使用するのは奇妙です。なぜなら、ユーザーが実際に同意したものが何かはっきりしないからです。そして、それはその使用には設計されていないため、奇妙に振る舞うことがあり、混乱を招く可能性があります。）
      var catName = acceptedCategoriesAndServices[i]
      if (isCategoryStandalone(cmpRawOutput, catName)) {
        allAllowed.push(catName)
      } else {
        acceptedServiceObj[catName].forEach(function (serviceName) {
            allAllowed.push(getServiceKey(catName, serviceName))
        })
      }
    }
    return allAllowed
  }
  // 同意されたベンダー/目的の配列を返すべき - これらはTealium iQのPurposesと正確に一致するべき、もしすべてをマッピングしたい場合
  function cmpConvertResponseToGroupList (cmpRawOutput) {
    if (cmpCheckForWellFormedDecision(cmpRawOutput) !== true) return false;
    return getAllowedCategoriesAndServices(cmpRawOutput)
  }
  // 基盤となるフレームワークがそれをサポートしている場合、いくつかのポーリングを避けるために着信コールバック機能を使用する
  // トリガーリチェック関数を頻繁に呼び出す方が良い（悪影響はない）よりも少なく呼び出すこと（同意の変更とそれに伴うデータの見逃し）は避けるべき。
  // 同意ステータスに変更があるたびにトリガーリチェックを呼び出す必要がある、例えば：
  //  - 初期同意ポップアップ（オプトインモデルでの暗黙の同意）
  //  - 明示的な同意の変更
  //  - 以前の決定が行われたときの初期CMPロード
  // この関数が定義されておらず、ウィンドウスコープのオブジェクトに含まれていない場合、ポーリングが代わりに使用される
  function cmpAddCallbackToTriggerRecheck (triggerRecheck) {
    if (typeof triggerRecheck !== "function") return false;
    window.addEventListener('cc:onConsent', function () {
      triggerRecheck()
    });
    window.addEventListener('cc:onChange', function () {
      triggerRecheck()
    });
    window.addEventListener('cc:onModalShow', function () {
      // 同意ポップアップでリチェックをトリガーするのは、同意が暗黙の場合のみ
      cmpCheckForExplicitConsentDecision(cmpFetchCurrentConsentDecision()) || triggerRecheck()
    });
    return true;
  }
  // この関数やそれ以下のものを変更する必要はありません
  function cmpCheckForTiqConsent (cmpRawOutput, tiqGroupName) {
    // 理解できないものはオプトアウトとして扱う
    if (cmpCheckForWellFormedDecision(cmpRawOutput) !== true) return false
    tiqGroupName = tiqGroupName || 'tiq-group-name-missing'
    var allowedGroups = cmpConvertResponseToGroupList(cmpRawOutput)
   return allowedGroups.indexOf(tiqGroupName) !== -1
  }
})(window);

/*
// Debugging / development output - uncomment this entire block, then paste/repaste this entire template on your test pages
function outputDebuggingInfo () {
  var outputString = `${tealiumCmpIntegration.cmpCheckIfOptInModel() ? 'Opt-in' : 'Opt-out'} Model

  Checks:
    - id:                 ${tealiumCmpIntegration.cmpFetchCurrentLookupKey()}
    - well-formed:        ${tealiumCmpIntegration.cmpCheckForWellFormedDecision(tealiumCmpIntegration.cmpFetchCurrentConsentDecision())}
    - explicit:           ${tealiumCmpIntegration.cmpCheckForExplicitConsentDecision(tealiumCmpIntegration.cmpFetchCurrentConsentDecision())}
    - using callback:     ${typeof tealiumCmpIntegration.cmpAddCallbackToTriggerRecheck === 'function'}
    - consented purposes: ${JSON.stringify(tealiumCmpIntegration.cmpConvertResponseToGroupList(tealiumCmpIntegration.cmpFetchCurrentConsentDecision()))}
  `
  console.log(outputString);
}
// use the callback function to avoid console posting while debugging and allow testing of the callback function itself
if (typeof tealiumCmpIntegration.cmpAddCallbackToTriggerRecheck === 'function') {
    tealiumCmpIntegration.cmpAddCallbackToTriggerRecheck(outputDebuggingInfo)
}
outputDebuggingInfo();
*/

/**
 * CookieConsent - CMPの注入
 * スコープ       : プリローダー
 * 発生          : n/a
 * 条件          : n/a
 * 説明          : 特定のCookieConsent構成をロードし、CMPをレンダリングするためのCSSとJSを注入します。条件によっては複数が必要になる場合があります。
 */

// CookieConsent変数
var cmpDomain = 'tags.tiqcdn.com';
var cmpVersion = 'v3.1.0';

// CookieConsentモーダル構成
// すべての構成オプション: https://cookieconsent.orestbida.com/reference/configuration-reference.html
var cmpConfig = {
  mode: 'opt-in',
  disablePageInteraction: true,
  guiOptions: {
    consentModal: {
      layout: 'cloud',
      position: 'bottom center',
      flipButtons: false,
      equalWeightButtons: true
    },
    preferencesModal: {
      layout: 'bar wide',
      position: 'right',
      flipButtons: false,
      equalWeightButtons: true
    }
  },
  categories: {
    necessary: {
      enabled: true,
      readOnly: true
    },
    analytics: {},
    marketing: {}
  },
  language: {
    default: 'en',
    translations: {
      en: {
        consentModal: {
          title: 'プライバシーを重視します',
          description: 'ブラウザ保存を使用して、当サイトの使用方法を理解し、関連情報やオファーを表示します。',
          acceptAllBtn: 'すべて承諾',
          acceptNecessaryBtn: '必要なものを承諾',
          showPreferencesBtn: '構成を管理',
          footer: '<a href="#">プライバシーポリシー</a>'
        },
        preferencesModal: {
          title: '構成を管理',
          acceptAllBtn: 'すべて承諾',
          acceptNecessaryBtn: '必要なものを承諾',
          savePreferencesBtn: '選択を承諾',
          closeIconLabel: 'モーダルを閉じる',
          sections: [
            {
              title: 'プライバシーを重視します',
              description: 'ブラウザ保存を使用して、構成を記憶し、サイトの使用方法を理解し、関連するオファーを表示します。<br><br>選択して「選択を承諾」をクリックして、特定の目的に同意してください。いつでも同意を変更または撤回することができます。'
            },
            {
              title: '厳密に必要 <span class="pm__badge">常に有効</span>',
              description: 'このトラッキングはウェブサイトの正常な機能に不可欠であり、無効にすることはできません。',
              linkedCategory: 'necessary'
            },
            {
              title: 'パフォーマンスとアナリティクス',
              description: 'このトラッキングは、ウェブサイトのパフォーマンスと使用方法に関する情報を収集します。',
              linkedCategory: 'analytics',
              cookieTable: {
                caption: 'アナリティクスクッキー',
                headers: {
                  name: '名前',
                  description: '説明',
                  duration: '期間'
                },
                body: [
                  {
                    name: '_ga',
                    description: 'ユーザーを区別するために使用されます。',
                    duration: '2年'
                  },
                  {
                    name: '_ga_1234ABCD',
                    description: 'セッション状態を維持するために使用されます。',
                    duration: '2年'
                  }
                ]
              }
            },
            {
              title: 'マーケティングとソーシャル',
              description: 'このトラッキングは、ウェブサイトの使用方法に関する情報を収集し、興味があるかもしれないオファーを表示します。',
              linkedCategory: 'marketing'
            },
            {
              title: '詳細情報',
              description: 'クッキーについて詳しく知るには、<a href="https://www.cookiesandyou.com/" target="_blank">Cookies & You</a>をご覧ください'
            }
          ]
        }
      }
    }
  }
};

var c = document.createElement('link');
c.rel = 'stylesheet';
c.href = 'https://' + cmpDomain + '/libs/cookieconsent/' + cmpVersion + '/cookieconsent.css';
document.head.appendChild(c);

var s = document.createElement('script');
s.src = 'https://' + cmpDomain + '/libs/cookieconsent/' + cmpVersion + '/cookieconsent.umd.js';
s.addEventListener('load', function () { CookieConsent.run(cmpConfig); });
document.body.appendChild(s);

// 同意ログ拡張
// スコープ: プリローダー

function logConsentChanges(event){
    var tealiumAccountForLogging = 'services-caleb'
    var tealiumProfileForLogging = 'main'
    
    // 同意管理ツール（CookieConsentV3）からすべてのフィールドを取得
    var cookie = CookieConsent.getCookie();
    var preferences = CookieConsent.getUserPreferences();

    // このペイロードは特定の顧客ニーズに合わせて簡単に調整できます
    var userConsent = {
        tealium_event: 'consent_decision', // 古いペイロードを保持しようとしないでください
        tealium_account: tealiumAccountForLogging,
        tealium_profile: tealiumProfileForLogging,
        consent_id: cookie.consentId,
        cmp_name: window.tealiumCmpIntegration.cmpName,
        decision_type: preferences.acceptType,
        accepted_purposes: preferences.acceptedCategories,
        rejected_purposes: preferences.rejectedCategories,
        consent_model: window.tealiumCmpIntegration.cmpCheckIfOptInModel() ? 'opt-in' : 'opt-out',
        url: document.location.href.split('?')[0],
        decision_timestamp: cookie.lastConsentTimestamp,
        expiration_time: cookie.expirationTime,
        revision: cookie.revision
    };
    
    // この決定の前にCollectが実行されることを許可しない限り、最初の決定を必ずしも取得するわけではありません
    // これは競争であり、コールバックの速度の性質上、この方法がほぼ常に勝つでしょう
    var tealiumVisitorId = utag && utag.loader && utag.loader.RC('utag_main').v_id
    
    // tealium_visitor_idが存在する場合のみ追加
    if (tealiumVisitorId) {
        userConsent.tealium_visitor_id = tealiumVisitorId
    }
    
    // ログ記録または配布のためにデータを送信
    fetch('https://collect.tealiumiq.com/event', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(userConsent)
    });
}

window.addEventListener('consent_updated', (event) => {
  logConsentChanges(event);
});