Loading a third party form script on a static page
Answered
Colombian fino hound posted this in #help-forum
Colombian fino houndOP
We are loading a third party form using JS on some of our pages. But Google Page Speed is flagging us due to "Remove the impact of third party code" -- what would be the best way to load the following script in Next JS? <div data-paperform-id="xxxxxx"></div><script>(function() {var script = document.createElement('script'); script.src = "https://paperform.co/__embed.min.js"; document.body.appendChild(script); })()</script>
Answered by B33fb0n3
instead of creating another script tag inside your script tag, you can create the expected script directly like this:
<Script src={"https://paperform.co/__embed.min.js"}></Script>6 Replies
@Colombian fino hound We are loading a third party form using JS on some of our pages. But Google Page Speed is flagging us due to "Remove the impact of third party code" -- what would be the best way to load the following script in Next JS? <div data-paperform-id="xxxxxx"></div><script>(function() {var script = document.createElement('script'); script.src = "https://paperform.co/__embed.min.js"; document.body.appendChild(script); })()</script>
instead of creating another script tag inside your script tag, you can create the expected script directly like this:
<Script src={"https://paperform.co/__embed.min.js"}></Script>Answer
Colombian fino houndOP
For a static page, where is the best place to put these so they are non-render blocking?
@Colombian fino hound For a static page, where is the best place to put these so they are non-render blocking?
if you using the
Script tag, nextjs will automatically place it at the correct position@Colombian fino hound solved?
Colombian fino houndOP
I think so, thx
happy to help