Overview
| Table of Contents | |||
|---|---|---|---|
|
...
|
...
|
...
|
HubSpot Essential Cookies
HubSpot does drop essential cookies that do not require consent on customers site pages. You can see a full list of these essential cookies here.
HubSpot Non-Essential Cookies
HubSpot can also drop non-essential analytic cookies that are controlled by a (cookie) consent banner. You can see a full list of these non-essential analytic cookies here.
| Info |
|---|
In order to block HubSpot analytic/tracking cookies, HubSpot provides us with the |
How does it work with the Usercentrics dataLayer?
Standard Package
Add the Data Layer Name e.g.
dataLayerin the Usercentrics Admin Interface:
...
Use the code below:
...
The full code needs to be added in the body or the footer of the page or directly into the template's body.
| Code Block |
|---|
<script> dataLayer = window.dataLayer || []; |
...
|
...
|
...
|
...
|
...
|
...
function removeHsCookies() { _ |
...
hsp.push([' |
...
revokeCookieConsent']); |
...
|
...
|
...
|
...
|
...
|
...
|
...
|
...
console.log('Cookies consent removed'); |
...
|
...
|
...
|
...
|
...
|
...
_hsq.push(['doNotTrack']); |
...
|
...
|
...
|
...
|
...
|
...
console.log("do not Track enabled"); |
...
} function |
...
addHsCookies() { |
...
|
...
|
...
|
...
_hsq.push(['doNotTrack', { track: true }]); |
...
|
...
console.log( |
...
'HubSpot |
...
has |
...
consent'); |
...
} |
...
|
...
|
...
var waitForDataLayerObjHubSpot = function (dataLayer, callback) { |
...
|
...
|
...
|
...
|
...
if |
...
(dataLayer.length > 0) { |
...
|
...
callback(); |
...
} else { |
...
|
...
|
...
|
...
setTimeout(function () { |
...
|
...
|
...
|
...
|
...
waitForDataLayerObjHubSpot(dataLayer, callback); |
...
|
...
Business & Enterprise Package
Add the Window Event Name e.g.
ucEventsin the Usercentrics Admin Interface:
Use the code below:
Please keep in mind that this is just an example, you need to adjust it based on your needs.
...
|
...
|
...
|
...
|
...
|
...
}, 1000); |
...
|
...
|
...
|
...
|
...
} |
...
|
...
|
...
} waitForDataLayerObjHubSpot(dataLayer, |
...
function |
...
() |
...
{ |
...
|
...
|
...
|
...
dataLayer.map(function (ele) { |
...
|
...
|
...
|
...
if ( |
...
ele.event === 'consent_ |
...
status') { |
...
|
...
if (ele['HubSpot'] === true) |
...
{ |
...
|
...
|
...
addHsCookies(); |
...
|
...
|
...
} else { |
...
|
...
|
...
|
...
|
...
|
...
|
...
removeHsCookies(); |
...
} |
...
} |
...
|
...
|
...
|
...
return ele; |
...
}) |
...
} |
...
);
|
...
</script> |
Business & Enterprise Package
Add the Window Event Name e.g.
...
ucEventsin the Usercentrics Admin Interface:
Below is an example tested for landing pages hosted via HubSpot
| Info |
|---|
We will use the do not track cookie |
First we add the removeHsCookies() function which does two things:
revokeCookieConsent- Remove the hubSpot cookie consent as the page is a HubSpot hosted page and the tracking code is embedded on the page that’s why it gets automatically dropped. So we need to remove it.doNotTrack- When the cookie drops on the page with the do not track cookies data becomes anonymised and we don’t track the user
| Code Block |
|---|
function removeHsCookies(){ _hsp.push(['revokeCookieConsent']); console.log(' |
...
Cookies |
...
consent |
...
removed'); |
...
_hsq.push([' |
...
doNotTrack']); console.log("do not Track enabled"); } |
Then we create a second function addHsCookies() where we set the doNotTrack = true for the cookie to be removed and HubSpot tracking code to collect data again.
| Code Block |
|---|
function addHsCookies() { |
...
_hsq.push(['doNotTrack', { track: true }]); |
...
console.log( |
...
'HubSpot |
...
has consent');
} |
Now we need to call these two functions based on the user consent. To do that we will use EventListener
| Code Block |
|---|
window.addEventListener("ucEvent", function (e) { if (e.detail.action == "onAcceptAllServices" ) { |
...
|
...
|
...
addHsCookies(); } else if |
...
(e.detail.event == "consent_status") { if (e.detail['HubSpot'] === true) { // check for consent |
...
status of service "HubSpot" |
...
addHsCookies(); } |
...
|
...
|
...
else { |
...
removeHsCookies(); |
...
} } else { |
...
removeHsCookies(); } }); |
The full code needs to be added in the body or the footer of the page or directly into the template's body.
| Code Block |
|---|
<script> function |
...
removeHsCookies(){ _hsp.push([' |
...
revokeCookieConsent']); console.log('Cookies |
...
consent removed'); |
...
_hsq.push([' |
...
doNotTrack']); console.log("do not Track enabled"); } function addHsCookies() |
...
{ |
...
_hsq.push(['doNotTrack' |
...
, { track: |
...
true }]); console.log('HubSpot |
...
has consent'); } window.addEventListener("ucEvent", function (e) { if (e.detail.action == "onAcceptAllServices" ) { |
...
addHsCookies(); |
...
} else if (e.detail.event == "consent_status") { |
...
if (e.detail['HubSpot'] === true) { // check for consent status of service "HubSpot" |
...
addHsCookies(); } else { |
...
removeHsCookies(); |
...
|
...
} |
...
|
...
} else {
|
...
removeHsCookies(); } |
...
|
...
});
|
...
</script> |
How to test it:
Test page: Contact - Open your HubSpot page → Dev tools → Application → Cookies
You will see
hubspotutkand few more cookies to drop there and that is expected behaviour as it is a hosted page.Click Deny All → The
hubspotutkcookie will no longer be there and the__hs_do_not_trackcookie will drop in the visitors browser, which will prevent the HubSpot tracking code from sending any information for the visitor.
Click Accept All or give consent to the HubSpot DPS and Save Services (It might need to reloading the page)
