Trigger javascript on clicking any page link, but before the page content loads?

merefield · November 4, 2024, 12:16pm

Happy to be explicit as the code is open source:

github.com/merefield/discourse-tc-house-ads-livewrapped

javascripts/discourse/components/livewrapped-ad.gjs

ce2bc2a3d


      
           @action
           triggerDestroy() {
             window.lwhb.cmd.push(() => {
               window.lwhb.removeAdUnit({
                 tagId: this.args.tagId
               });
             })
           }
          
          <template>
            <div {{didInsert this.triggerAd}} {{willDestroy this.triggerDestroy}} id="{{@tagId}}" class="{{@adClass}}"></div>
          </template>
          }

I’m working with a third party ad provider and they have an ad page reset function in javascript that needs to be run before the new page’s ads are triggered.

any improvement is welcome and I’ve already realised this on the Topic List with Johani’s code. (in an open PR).

But this left the Topic … I will try your suggestion next and adopt it in both instances if that improves things further.

Topic		Replies	Views
How to get around DOMContentLoaded for navigation? Development	14	650	February 21, 2025
Is there a property or observable that is triggered on transition change? Development	1	618	June 7, 2018
How do you force a script to refire on every page load in Discourse? Development	38	21613	March 12, 2020
beforePageChange plugin API? Development	1	656	December 15, 2021
How to fire on every footer load (or page load?) Development	7	2209	August 3, 2024

Trigger javascript on clicking any page link, but before the page content loads?

Related topics