Jan Weiss

Thank you for experimenting and letting me know! Sorry for getting back a little late…

I assume you installed the Hubspot plugin to integrate the form with Elementor?
We do not use the Hubspot plugin as it would track all user visits and slow down the website quite a lot and we’re using the forms on a few pages only. Also, Elementor is not used.

So all we have is this, in Gutenberg:

<script charset="utf-8" type="text/javascript" src="https://js.hsforms.net/forms/embed/v2.js"></script>
<script>
	hbspt.forms.create({
		region: "na1",
		portalId: "6249792",
		formId: "c9f039ce-2a0c-4524-867d-da512a7ae389"
	});
</script>

Any idea how to block those two scripts with one placeholder?

Thanks again!
Jan

Hi there,
thanks for your response. I’m a colleague of auslandszeit.
What we were trying to achieve: Integrate the Hubspot contact form with Complianz, displaying a visible placeholder for customers to easily opt-in and load the script and the form only after opt-in.

The problem we have: It is not an iframe (easy to add with a placeholder) but a JS script, that loads the form into the content. What we have is an external script URL and the short code snippet, that calls a function of that external script to embed the form. Now if I add the URL of the external script in Complianz to be automatically blocked and only unblocked when the user consents the placeholder, the script is loaded but the code snippet was already executed on page load (not finding the script) and not at the point of consent and loading.
What I also tried: Add the code snippet as a third-party script (and created the div to have something Complianz can use for placeholder): When consenting on the placeholder the function is successfully executed. To make the form work, the external JS script must obviously already been loaded before (so that the function from the snippet is available). But the external script should be blocked as well, only loaded on consent.

Now: How do we block the external script and load it plus execute the code snippet only after loading when the customer consents on the placeholder?

Right now I have both integrations in the script center deactivated again. A hint on how to combine the two would maybe help that I can try again and get it work!

@optimizingmatters Thank you for the hint! Does not seem to be the problem for now ??

Thanks,
Jan

Also on 1.2.7, also the same issue. Chrome/ Chromium works, Firefox doesn’t.

Any ideas?

@phaser32 Do you know if it is about defering the wp-includes/js/dist/ scripts? Do you defer them? The latest reply from GeekPress at WP Rocket github mentions another plugin that defers those file and already applied a fix, SG Optimizer: https://github.com/wp-media/wp-rocket/issues/3625#issuecomment-787862382

Edit: Thanks for the hint, updated my reply above!

• This reply was modified 3 years, 8 months ago by Jan Weiss.

have a look at this: WP Rocket is thinking about solutions here, seems to be their issue in some cases: https://github.com/wp-media/wp-rocket/issues/3625
They defer WP-Core files that shouldn’t be deferred and CF7 uses now

• This reply was modified 3 years, 8 months ago by Jan Weiss.

WP Rocket is thinking about solutions here, seems to be their issue: https://github.com/wp-media/wp-rocket/issues/3625

Hi,
there are several plugins installed. But I deactivated all of them and turned them on one by one again and found the the one causing the issue: WP Rocket.

Only happens if not logged in. If I’m logged in, the URL is correct. Therefore I didn’t find it last time I went with the troubleshoot-option of WP, deactivating all plugins.
When not logged in, there are some errors in the console.

It’s the option ‘Defer all JS’ of WP Rocket. I couldn’t figure out which files to exclude yet though to get it back running completely.

I excluded wp-content/plugins/contact-form-7/(.*) from defer, then the URL is correct again, there are some more issues in the console though and the success-message is empty after filling the form.

To make things easier with debugging, I duplicated the box here: https://bzy5fc.myraidbox.de/, form here: https://bzy5fc.myraidbox.de/farmstay/farmstay-in-den-usa.html with .htaccess protection to keep Google and similar out. Login with rb, cf7cf7. Cache and JS-minification deactivated for testing (same console results).

Do you know why defer won’t work? Any ideas on the now upcoming errors?

Cheers,
Jan

The form is on many pages, for example here: https://www.rancharbeit.de/ranch-travel-australien.html

Solved it, in case anyone will find this topic in future:

This one works pretty well for WordPress-hosted plugins: https://www.ads-software.com/plugins/wp-readme-parser/

For YahnisElsts update checker one can get a JSON of the plugin details through {your-wp-update-server}/wp_update_server/?action=get_metadata&slug={plugin_slug}, then parse the JSON and get ->sections->changelog

• This reply was modified 3 years, 10 months ago by Jan Weiss.

Hi Jeroen,
same problem happened at my website. Took me sadly forever to find this entry! ?? Solved it, but would be nice to be fixed.

Thanks,
Jan

Hi Jeroen, sadly doesn’t do the trick. The code is on the site, but still doesn’t show the movies.

Any other idea?

Thank you!

You fixed this with the latest update (3.2.0), thanks a lot! Works perfectly.

Hi there!
Any news on this one? I fear I will update it sometime because I forget about the custom code… Just those few line changes provided, please ??

Thanks,
Jan

Thanks! I would prefer to stick with the presentation design the theme provides, so I asked the authors first if there is a way to filter the blog posts. Changing the index.php could be an option! Coding is no problem.

Otherwise I will use your shortcode and style it myself!
Thanks for your help. I will mark this as resolved as the problem seems to be somewhere else.

Of course, done!