ax2inc / nuxt-modules Goto Github PK

How might we integrate this exceptional package with Nuxt3?

Problem

The plugin injects gptAds to the application and the GptAd component adds to the $gptAds.slots array inside the mounted hook:

this.$gptAds.slots.push(adSlot);

The beforeDestroy() hook uses googletag.destroySlots method as it should.

const destroyed = googletag.destroySlots([this.adSlot]);

However there is no cleanup of this.$gptAds.slots when the component is removed, thus keeping the adSlot in memory, event after the component is destroyed.

Is this intentional ?

Possible solution

I think the adSlot should be also removed from this.$gptAds.slots.
For example:

const destroyed = googletag.destroySlots([this.adSlot]);
this.$gptAds.slots = this.$gptAds.slots.filter(adSlot => adSlot != this.adSlot);

Firstly i would like to thank you for this awesome work, but i wonder about how to use it!

Am trying to implement gpt-ads in my nuxt app but no output, no console errors literally nothing just empty div.

maybe i didn't understand the documentation so it would be a great thing if you provide to us a working example with all possible options.

for example am trying to implement this https://dfpgpt.appspot.com/g/_4$HfM6WF in my project, so whats the best way to make it work

Thanks in advance

I didn't find a way to use a different locale. How can i achieve that?

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• chore(deps): update dependency nuxt to v3
• fix(deps): update dependency js-cookie to v3
• 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• fix(deps): update all non-major dependencies (cookie, dayjs, eslint, eslint-config-airbnb-base, eslint-loader, eslint-plugin-import, eslint-plugin-jest, eslint-plugin-vue, intersection-observer, jest, js-cookie, jsdom, lerna, nuxt, request-promise-native)
• chore(deps): update dependency eslint to v9
• chore(deps): update dependency eslint-config-airbnb-base to v15
• chore(deps): update dependency eslint-loader to v4
• chore(deps): update dependency eslint-plugin-jest to v28
• chore(deps): update dependency eslint-plugin-vue to v9
• chore(deps): update dependency jest to v29
• chore(deps): update dependency jsdom to v24
• chore(deps): update dependency lerna to v8
• fix(deps): update dependency deepmerge to v4
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

I installed plugin and turned on debugging and i keep getting the error above, any ideas ?

I have some ad-unit
but it's not always pushing ads
sometimes it will be blank, and it's okay,
the question is, can I hide the component when there'is no ad?
'cause now it's a white block there
and i don't want to show when it is empty
you know, i want the content down below go up.
is there a config can do this?
(I tired collapseEmptyDivs: true, but it's not working?)
thanks.