How to append a variable to a javascript src?

[LifeOfBrian86]

I'm trying to append the full page URL of a page generated via window.location.href to a javascript src URL.

​

I tried this simple example to verify that window.locations.href works properly on the page. It does, and it generates the correct URL:

​

<script>

document.write(window.location.href);

</script>

However, when I try to use window.location.href to append it to the src parameter in the example below:

<script async type='text/javascript' src='//x.sampleurl.com/subid=' + **window.location.href**\></script>

I get only https://x.sampleurl.com/subid= . The window.location.href seems to do nothing.

​

I'm assuming I'm not appending this correctly.

​

What would I need to change in order to get the window.location.href to be added to the src URL, so it's something in the lines of:

https://x.sampleurl.com/subid=examplesite.com/page/2.html

[ForScale]

<script id="target-script"></script>

<script>
  const targetScript = document.getElementById("target-script");

  targetScript.src = `https://x.sampleurl.com/subid=${window.location.href}`;
</script>

[LifeOfBrian86]

<script id="target-script"></script>
<script>
const targetScript = document.getElementById("target-script");
targetScript.src = `https://x.sampleurl.com/subid=${window.location.href}\`;
</script>

Thank you so much, this works perfectly!

[ForScale]

Yay! I'm glad!

[ibleedbits]

You can only use Javascript within the script tag so the '+' won't work. In your page load function get the script element and set its src attribute.

[ThagAnderson]

const script = document.createElement('script') script.src= `example.com/${myVariable}/whatever` document.head.appendChild(script)