Due to tracking restrictions, when certain Browser privacy configurations and/or Ad Blockers (not all) are present, the styles are not correctly loaded in the Marketo landing pages.
This is a known Marketo issue: https://nation.marketo.com/t5/Product-Discussions/Guided-Landing-Page-and-Ad-Blockers/m-p/56568#M254...
But we are using marketo's environment to make new landing pages, so we've been exporting the css and uploading it to the media library so the domain is the same as the landing page URL, and it works.
If we use the css URL created by the marketo's design studio it won't be displayed.
Did anyone solved this issue in another way?
We make this post to share the solution if anyone has the same issue too 😉
Solved! Go to Solution.
Thanks for the quick reply
For example, we have this landing page we built with de design studio:
https://runway.airkit.com/20210121-Webinar-CXPAWebinar-BoostCustomerRetentionandGrowth_On-DemandWebi...
When you inspect the code you can see the URL without de name changed:
<!-- Libs CSS -->
<link href="//na-ab19.marketo.com/rs/398-CQS-166/images/bootstrap.css" rel="stylesheet">
<!-- Template CSS -->
<link href="//na-ab19.marketo.com/rs/398-CQS-166/images/style-mkto.css" rel="stylesheet">
It's an issue for extensions like ghostery, so we are uploading again the CSS files so they can have the same domain and have URLs like this:
https://runway.airkit.com/rs/808-SHH-991/images/bootstrap.css
https://runway.airkit.com/rs/808-SHH-991/images/style-mkto.css
Is there another way to solve this issue?
Thanks for the reply!
Excellent question, we shouldn't have two IDs, it should be just 808-SHH-991, I'm looking into our templates code to see what happened, I assume someone of our team just copy-pasted code from another example... I'll let you know if I find something else.