Consider changing ad on fragment/anchor change

[davidfischer]

Some other ad networks change the ad when the fragment/anchor changes. This becomes especially important on single page applications when the page doesn't reload. There are a few considerations here:

• We should probably debounce this. While the server should limit things so advertisers aren't overbilled, we probably shouldn't change ads more frequently than a certain amount of time (at least 5-10s I'd say).
• This might depend on viewport detection (Ad in viewport detection #12) which isn't live yet. Sometimes ads are at the top of the page while anchors are far down the page.

[mtxr]

Is it ok if I work on this one? @davidfischer

[davidfischer]

@mtxr We welcome the help.

[Geometrically]

Hi! I fixed this using vue by creating a seperate Ads component for all my ads, and loading them when the component is mounted. It worked fine for SPA navigation.

<template>
  <div
    class="ethical-ad"
    data-ea-publisher="modrinth-com"
    :data-ea-type="type"
    data-ea-manual="true"
  />
</template>

<script>
export default {
  name: 'EthicalAd',
  props: {
    type: {
      type: String,
      default: 'text',
    },
  },
  mounted() {
    try {
      // eslint-disable-next-line no-undef
      ethicalads.load()
    } catch (err) {
      // eslint-disable-next-line no-console
      console.error(err)
    }
  },
}
</script>

<style scoped>
...
</style>