# Basic JS Frontend - Embedded Script and On Page Change

**URL:** https://meta.discourse.org/t/basic-js-frontend-embedded-script-and-on-page-change/325359
**Category:** Development
**Created:** [September 6, 2024, 6:21pm UTC](https://meta.discourse.org/t/basic-js-frontend-embedded-script-and-on-page-change/325359 "2024-09-06T18:21:03Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![federatedRoss](https://avatars.discourse-cdn.com/v4/letter/f/46a35a/32.png) [@federatedRoss](https://meta.discourse.org/u/federatedRoss)
#### Post date: [September 6, 2024, 6:21pm UTC](https://meta.discourse.org/t/basic-js-frontend-embedded-script-and-on-page-change/325359/1 "2024-09-06T18:21:03Z")

</div>

I am just trying to fire some functions to update and load an ad via JS on page load, and the event that I found here on the forum doesnt seem to fire at all:

```plaintext
<script type="text/discourse-plugin" version="0.8.16">
    api.onPageChange(() => {
        updateTopAd();
    });
    
    function updateTopAd() {
        console.log('Page changed');
    }
</script>

```

Is there a different way of doing this from within a script tag?

---

<div class="post-metadata">

### Author: ![federatedRoss](https://avatars.discourse-cdn.com/v4/letter/f/46a35a/32.png) [@federatedRoss](https://meta.discourse.org/u/federatedRoss)
#### Post date: [September 6, 2024, 6:32pm UTC](https://meta.discourse.org/t/basic-js-frontend-embedded-script-and-on-page-change/325359/2 "2024-09-06T18:32:40Z")

</div>

AH, so sorry. I needed it in the HEAD, not the body. Thank you!