Hubspotとの統合

Hubspotは最も人気のあるCRMシステムの1つで、デフォルトでCookieバナーを提供しています。しかし、ヨーロッパの企業がこれを使用することは、GDPRに準拠していません。Hubspotと一緒にCookieFirstのCookieバナーを使用することができます。

Hubspotの利用方法は複数あり、ウェブサイト上でHubspotトラッキングを利用することが多いですが、Hubspotのランディングページを利用することもできます。デフォルトでは、ユーザーの同意を得る前に複数のCookieが設定されます。

ハブスポットをWebサイトで活用する

この機能を有効にするには、お客様のウェブサイトにHubspotスクリプトを配置する必要があります。また、CookieFirstバナーを使用する場合は、以下のヘルパースクリプトを使用してHubspotのCookieを管理することができます。

以下の例では、Hubspotのトラッキングをバナーの「機能」カテゴリに結びつけました。必要に応じて他のカテゴリーに置き換えることができます。

このスクリプトはHubspotのCookie APIを利用しています。機能カテゴリに同意された場合のみHubspotのCookieの設定を許可し、同意が取り消された場合は、APIでCookieを削除します。

このスクリプトは、Hubspotの埋め込みコードの後に直接置くことができます。

<script>
  (function () {
    // Variable if page should reload to reinit hubspot
    var shouldReload = false;

    function callbackFnc(e) {
      var consent = e.detail || {};

      var _hsq = (window._hsq = window._hsq || []);
      var _hsp = (window._hsp = window._hsp || []);

      // Check if functional is accepted replace functional with: performance or advertising to use a different category
      if (!consent.functional) {
        // If not
        // Either remove all Hubspot cookies or leave them and set doNotTrack cookie
        // _hsq.push(["doNotTrack"]);
        // _hsp.push(["doNotTrack"]);

        _hsp.push(["revokeCookieConsent"]);
        _hsq.push(["revokeCookieConsent"]);

        shouldReload = true;
      } else {
        _hsp.push(["doNotTrack", { track: true }]);
        _hsq.push(["doNotTrack", { track: true }]);

        if (shouldReload) {
          window.location.reload();
        }
      }
    }

    window.addEventListener("cf_consent", callbackFnc);
    window.addEventListener("cf_consent_loaded", callbackFnc);
  })();
</script>