topic Re: Hubspot CTA Embed issues after CookieBot added to site in GDPR

Hubspot CTA Embed issues after CookieBot added to site

CBranum — Thu, 24 Oct 2024 13:56:21 GMT

Hello all,

I'm running into an issue with Hubspot CTA embeds on my Wordpress site not displaying responsively after installing CookieBot.
Some details:

Hubspot tracking code is installed manually
CookieBot is installed via plugin

On mobile, the CTA banners are appearing as their desktop versions, but are squeezed to fit the mobile screen size. After a test, I determined that clearing my browser cookies and reaccepting cookies on the site then triggers the banner to display responsively.

Any insights into what could cause this issue?

Thanks for any help you can provide!

Re: Hubspot CTA Embed issues after CookieBot added to site

Ben_M — Thu, 24 Oct 2024 15:00:16 GMT

Can you post a link to the page in question? Often seeing the code in these instances will help us to understand what could potentially be causing the issue. Also, if you are saying that the Hubspot script is loading differently when Cookiebot is not loading vs. when it is, you may want to also open support tickets with Hubspot and Cookiebot to make them aware of the issue as they may be able to look into it as well.

Re: Hubspot CTA Embed issues after CookieBot added to site

GiantFocal — Fri, 25 Oct 2024 15:54:50 GMT

Hi @CBranum,

As HubSpot's CTA is based on JavaScript, CookieBot may have interfered with certain functionalities. You can try to enable or disable CookieBot's features to determine which setting is causing the issues.

Re: Hubspot CTA Embed issues after CookieBot added to site

CBranum — Tue, 05 Nov 2024 14:32:10 GMT

Hi thanks for your reply! I have set up this page populated with our Hubspot embeds for testing purposes:
https://www.avoxi.com/test-hubspot-cta-embeds/
Also, below is an example of what I'm seeing on mobile.

Thanks so much for your willingness to help on this issue.

Re: Hubspot CTA Embed issues after CookieBot added to site

Ben_M — Tue, 05 Nov 2024 15:15:32 GMT

@CBranum wrote:

Hi thanks for your reply! I have set up this page populated with our Hubspot embeds for testing purposes:
https://www.avoxi.com/test-hubspot-cta-embeds/
Also, below is an example of what I'm seeing on mobile.

Thanks so much for your willingness to help on this issue.

The images changing like that shouldn't have anything to do with cookiebot. The CSS on those images is set to object-fit: fill; height: 100%; width: 100%; . Your image is wider and taller than the specified area in a skyscraper mobile landscape. So the image with those attributes is being squeezed to fit the area and is becoming distorted as a result.

Is this a paid or downloaded template from the marketplace or something custom? If from the marketplace you can try reaching out to the vendor who produced the template to see if they have a workaround or to make them aware of the issue. If this is a custom template, you may need to dive back in to make edits so that either you serve up a substitute image on mobile, or you change the CSS attributes (or image dimensions that you upload) to not distort the image on mobile.