Hoppa till innehållet

HubSpot & CookieTractor

Det populära CRM-verktyget HubSpot erbjuder många användbara funktioner för er webbplats. För att integrationen ska fungera tillsammans med CookieTractor behöver ni säkerställa att HubSpot respekterar de val som besökaren gör.

När ni använder en CMP som CookieTractor är det optimalt om besökarens val kan användas tillsammans med HubSpots inbyggda cookie-banner.

Konfigurera HubSpot för hantering av cookies

Det finns flera sätt att integrera HubSpot på webbplatsen. Det vanligaste är att inkludera HubSpot-scriptet i er HTML, enligt följande exempel:

<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/xxxxxxxx.js"></script>
<!-- End of HubSpot Embed Code -->

Det är också vanligt att använda ett CMS-plugin, till exempel HubSpots officiella plugin för WordPresss. Det genererar ett script som liknar detta på webbplatsen:

<script type="text/javascript" id="leadin-script-loader-js-js-extra">
/* <![CDATA[ */
var leadin_wordpress = {"userRole":"visitor","pageType":"archive","leadinPluginVersion":"11.1.75"};
/* ]]> */
</script>
<script type="text/javascript" src="https://js-eu1.hs-scripts.com/xxxxxxxx.js?integration=WordPress&amp;ver=11.1.75" id="leadin-script-loader-js-js"></script>

HubSpots inbäddade kod sätter cookies utan samtycke

Som standard sätter scriptet cookies så fort besökaren går in på webbplatsen. För en korrekt integration med CookieTractor behöver ni aktivera HubSpots inbyggda cookie-banner.

Logga in på ert HubSpot-konto och gå till inställningssektionen för Data Privacy & Consent.

  1. Klicka på kugghjulet
  2. Klicka på Privacy & Consent i sidomenyn 
  3. Gå till fliken för Cookies

Här behöver ni ställa in en cookie-banner för er publika domän (och eventuellt även för testdomäner).

När ni konfigurerar bannern är det viktigt att se till att Banner Type är inställd på Opt-in och att alternativet Allow opt-in by category är aktiverat.

När HubSpots banner är publicerad kommer både CookieTractors dialog och HubSpots cookie-banner att visas på er webbplats.

I det här skedet kommer vissa cookies från HubSpots lösning fortfarande att sättas innan besökaren har gett sitt samtycke, exempelvis __cf_bm och _cfuvid. Dessa cookies tillhör infrastrukturen och sätts av Cloudflare, som används av HubSpot. De anses vara direkt nödvändiga och kan därför sättas utan att besökaren först samtycker. Dessa cookies används inte av HubSpot för att spåra era besökare.

Nästa steg är att dölja HubSpots banner och använda JavaScript för att automatiskt justera HubSpots inställningar när besökaren interagerar med CookieTractors dialog.

Lägg detta script precis före den avslutande </body>-taggen i HTML-koden för er webbplats.

<style>
/* Hide the Hubspot cookie banner */    
#hs-banner-parent {display:none;}
/* Hide any Hubspot chat until after consent has been given */
html.cc-active #hubspot-messages-iframe-container {display:none !important;}
</style>
<script>
    window.addEventListener('CookieConsent', function (event) {
                
        if(event.detail.trigger!=='initial')
            return;

        var hasMarketingConsent = event.detail.current.includes('marketing');
        var hasStatisticalConsent = event.detail.current.includes('statistical');
        var hasFunctionalConsent = hasMarketingConsent || hasStatisticalConsent;

        if(cookieTractor.consent.available.includes('functional')) {
            hasFunctionalConsent = event.detail.current.includes('functional');
        }
        
        var isAcceptAll = hasMarketingConsent && hasStatisticalConsent && hasFunctionalConsent;

        if(isAcceptAll) {
            document.querySelector('#hs-eu-confirmation-button').click();
            return;
        }

        // Open Hubspot cookie settings dialog
        document.querySelector('#hs-eu-cookie-settings-button').click();
        setTimeout(function(){

            if(hasFunctionalConsent){
                var elmFunctional = document.querySelector('#hs-category-toggle-functionality').click();                
            }

            if(hasStatisticalConsent){
                document.querySelector('#hs-category-toggle-analytics').click();
            }

            if(hasMarketingConsent){
                document.querySelector('#hs-category-toggle-advertisement').click();
            }

            setTimeout(function(){                
                document.querySelector('#hs-modal-save-settings').click();
            },50)
            
        },50);
                    
    });
</script>

Med scriptet på plats kommer HubSpots cookies att sättas i enlighet med det samtycke som ges i CookieTractors dialog.

Support

Har ni frågor om integrationen mot HubSpot? Kontakta oss gärna på info@cookietractor.se