Adding an external script to Nuxt

Question

I have a script from a third party, that I need implemented on my Nuxt site in the Header. What would be the best way to insert a script such as this?

<script id="sleeknoteScript" type="text/javascript">
(function (){
    var sleeknoteScriptTag=document.createElement("script");
    sleeknoteScriptTag.type="text/javascript";
    sleeknoteScriptTag.charset="utf-8";
    sleeknoteScriptTag.src=("//sleeknotecustomerscripts.sleeknote.com/00000.js");
    var s=document.getElementById("sleeknoteScript");
    s.parentNode.insertBefore(sleeknoteScriptTag, s);
})(); </script>
<!-- End of Sleeknote signup and lead generation tool - www.sleeknote.com -->

Usually I would put scripts in Nuxt.config like this.

    script: [
      { src: 'https://unpkg.com/@lottiefiles/[email protected]/dist/lottie-player.js' },
  ]

But this one I don't know.

ajobi · Accepted Answer · 2020-02-03 17:59:05Z

4

You can do it in the same way, just place the script into a javascript file and use the path to that file as a script's src property value in the nuxt.config.js:

script: [
  { src: '/scripts/myScript.js' },
]

The myScript.js would be placed in static/scripts/myScript.js in this case

answered Feb 3, 2020 at 17:59

ajobi

3,1363 gold badges17 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Simone Over a year ago

thanks. I saw that the script is loaded only if I access the website at / and the find my way to /page where /page is where I need the script. Though if I access /page directly the script is not loaded. Did you experience this?

Collectives™ on Stack Overflow

Adding an external script to Nuxt

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related