We use cookies to make HubSpot's community a better place. Cookies help to provide a more personalized experience and relevant advertising for you, and web analytics for us. To learn more, and to see a full list of cookies we use, check out our Cookie Policy (baked goods not included).
May 10, 2021 2:22 PM - edited May 10, 2021 2:23 PM
Hey!
I need help, we have a website with the integration of the hubspot in the contact forms and in the widget of our bot.
However, our widget is loaded before the hubspot by the wordpress footer script. Is there any way to place a callback on the main hubspot script? so that our widget is loaded with the value of the hubspotutk variable?
We are currently trying to get the cookie like this, but our script must 'wait' for the hubspot, as the value does not exist, the variable is empty.
function getCookieGeneric(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
var prechat_inputs = {};
prechat_inputs["hubspotutk"] = getCookieGeneric('hubspotutk');
var chatbotKey = 'someKEYHere';
(function(d, r, o, z, a, k, t) {
a = d.getElementsByTagName('head')[0];
k = d.createElement('script');
k.async = 1;
t = (Math.floor(Math.random() * 1000000) + 1);
k.src=r + '/' + o + '/droz.js?i=' + z + '&u=' + r + '&v=' + t;
a.appendChild(k);
})(document, 'https://chat-app.meudroz.com', 'v1', chatbotKey);
Solved! Go to Solution.
May 17, 2021 2:08 PM
I found a solution, but I haven't tested it yet, I believe there is an easier way but I haven't found it anywhere.
It can be considered a workaround.
If you do not have the cookie (page was loaded for the first time) ... run this:
var checkCookie = function() {
var lastCookies = document.cookie.split( ';' ).map( function( x ) { return x.trim().split( /(=)/ ); } ).reduce( function( a, b ) {
a[ b[ 0 ] ] = a[ b[ 0 ] ] ? a[ b[ 0 ] ] + ', ' + b.slice( 2 ).join( '' ) :
b.slice( 2 ).join( '' ); return a; }, {} );
return function() {
var currentCookies = document.cookie.split( ';' ).map( function( x ) { return x.trim().split( /(=)/ ); } ).reduce( function( a, b ) {
a[ b[ 0 ] ] = a[ b[ 0 ] ] ? a[ b[ 0 ] ] + ', ' + b.slice( 2 ).join( '' ) :
b.slice( 2 ).join( '' ); return a; }, {} );
for(cookie in currentCookies) {
if ( currentCookies[cookie] != lastCookies[cookie] ) {
console.log("--------")
console.log(cookie+"="+lastCookies[cookie])
console.log(cookie+"="+currentCookies[cookie])
// get value from hubspotutk !!
// call my widget
}
}
lastCookies = currentCookies;
};
}();
window.setInterval(checkCookie, 100);
if you have the cookie, verified by the getCookieGeneric function (which I posted up there) take the value and call our widget.
This is not ideal, more is something, if anyone has any better ideas please post here below
May 19, 2021 2:32 PM
@dennisedsonis this a good solution? 🤔
May 17, 2021 2:08 PM
I found a solution, but I haven't tested it yet, I believe there is an easier way but I haven't found it anywhere.
It can be considered a workaround.
If you do not have the cookie (page was loaded for the first time) ... run this:
var checkCookie = function() {
var lastCookies = document.cookie.split( ';' ).map( function( x ) { return x.trim().split( /(=)/ ); } ).reduce( function( a, b ) {
a[ b[ 0 ] ] = a[ b[ 0 ] ] ? a[ b[ 0 ] ] + ', ' + b.slice( 2 ).join( '' ) :
b.slice( 2 ).join( '' ); return a; }, {} );
return function() {
var currentCookies = document.cookie.split( ';' ).map( function( x ) { return x.trim().split( /(=)/ ); } ).reduce( function( a, b ) {
a[ b[ 0 ] ] = a[ b[ 0 ] ] ? a[ b[ 0 ] ] + ', ' + b.slice( 2 ).join( '' ) :
b.slice( 2 ).join( '' ); return a; }, {} );
for(cookie in currentCookies) {
if ( currentCookies[cookie] != lastCookies[cookie] ) {
console.log("--------")
console.log(cookie+"="+lastCookies[cookie])
console.log(cookie+"="+currentCookies[cookie])
// get value from hubspotutk !!
// call my widget
}
}
lastCookies = currentCookies;
};
}();
window.setInterval(checkCookie, 100);
if you have the cookie, verified by the getCookieGeneric function (which I posted up there) take the value and call our widget.
This is not ideal, more is something, if anyone has any better ideas please post here below
May 11, 2021 9:56 AM
May 17, 2021 11:51 AM
Anyone can help me?
Thanks.