feat: multiple & configureSecond

[reslear]

@johannschopplich you need to do a review and apply eslint formatting since github.dev doesn't support it :)

🔗 Linked issue

closes #30

❓ Type of change

• 📖 Documentation (updates to the documentation, readme or JSDoc annotations)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

sources:

• https://developers.google.com/tag-platform/gtagjs/configure#example
• https://developers.google.com/tag-platform/gtagjs/routing
• https://stackoverflow.com/a/73132469

[netlify]

✅ Deploy Preview for nuxt-gtag ready!

Name	Link
🔨 Latest commit	713a055
🔍 Latest deploy log	https://app.netlify.com/sites/nuxt-gtag/deploys/654aaa32b57e610008bf517f
😎 Deploy Preview	https://deploy-preview-31--nuxt-gtag.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[johannschopplich]

I will probably refactor the API a bit, but thanks for the effort nonetheless!

[johannschopplich]

@reslear Thanks a lot for the PR, it was inspiring. I implemented it a bit different tho in aedc6e4.

[reslear]

@johannschopplich
Honestly, I'm disappointed. I'm sorry:

• you've over-complicated the code :))))
• and forgot to dynamically add grantConsent to the ids array

[johannschopplich]

Feel free to iterate once the next version is released and open a PR with simplifications and fixes. 🙌

[johannschopplich]

@reslear I've released v1.2.0. Thanks for the hint on the init for multiple IDs. Would you mind doing a review on the latest code changes? Thanks in advance. 🙂

[reslear]

@johannschopplich Well I looked it up) looks good, but maybe I missed something? how implement analogue https://github.com/johannschopplich/nuxt-gtag/pull/31/files#diff-b335630551682c19a781afebcf4d07bf978fb1f8ac04c6bf87428ed5106870f5R253 ?

case:
We have a page displaying both my and customer IDs from pageData. The ID for "my" is set in the Nuxt config, while the customer ID requires setting an additional customer gtag ID on the /event/:id page after retrieving it with asyncData.

[johannschopplich]

@reslear Does the new module options beforehand meet your requirements? This is possible now and doesn't require a call like configureSecond at runtime:

// `nuxt.config.ts`
export default defineNuxtConfig({
  modules: ['nuxt-gtag'],

  gtag: {
    tags: [
      {
        id: 'GT-XXXXXXXXXX',
        config: {
          page_title: 'GA4'
        }
      },
      {
        id: 'DC-ZZZZZZZZZZ',
        config: {
          page_title: 'Floodlight'
        }
      }
    ]
  }
})

[reslear]

@johannschopplich do you know what dynamic data is?
https://nuxt.com/docs/api/composables/use-async-data

I'm in advance, I don't know the gtag of my clients!

for now i use https://github.com/niklasfjeldberg/nuxt-multi-tracker/blob/d938d42cf4c0ad1fe977d23b07fc03a6b42f4312/src/runtime/composables/usePixelGoogle.ts#L74

[johannschopplich]

Yep, I've built Nuxt API Party based on it.

Your function configureSecond uses gtag under the hood. Can't you create a wrapper around it in your project? I don't get what's missing in my implementation.

If you think there's something missing, please open an issue and gladly open a new PR with your ideas. Thanks!

[reslear]

yeah, no problem, I was just suggesting using Sugar's syntax. Thanks!