GDPR

CBranum
Member

Hubspot CTA Embed issues after CookieBot added to site

SOLVE

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!

0 Upvotes
1 Accepted solution
GiantFocal
Solution
Participant | Partner
Participant | Partner

Hubspot CTA Embed issues after CookieBot added to site

SOLVE

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.

Best regards,
Abraham Ernesto
Found this answer helpful?
Marking it as the solution helps both the community and me - thanks in advance!

View solution in original post

4 Replies 4
GiantFocal
Solution
Participant | Partner
Participant | Partner

Hubspot CTA Embed issues after CookieBot added to site

SOLVE

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.

Best regards,
Abraham Ernesto
Found this answer helpful?
Marking it as the solution helps both the community and me - thanks in advance!
Ben_M
Key Advisor

Hubspot CTA Embed issues after CookieBot added to site

SOLVE

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.

0 Upvotes
CBranum
Member

Hubspot CTA Embed issues after CookieBot added to site

SOLVE

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.

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

0 Upvotes
Ben_M
Key Advisor

Hubspot CTA Embed issues after CookieBot added to site

SOLVE

@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.

img_4174.png
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.

0 Upvotes