Introducing GTM to nuxt webapps.

Takeshi Sawaki — Mon, 27 Jun 2022 17:40:00 +0000

When you introduce GTM to Nuxt.js, all you have to do is only 3 things.

install a module
insert GTM's id
testing

1. install a module

Type a command below.

npm i @nuxtjs/gtm
or
yarn add @nuxtjs/gtm

When you finish installing the module, move to next part.

2. insert GTM's id

Open a file named nuxt.config.js and insert GTM's id.

export default {
  modules: [
    '@nuxtjs/gtm',
  ],
  gtm: {
    id: 'GTM-XXXXXXX'
  }
}

For other options, please check here.
https://github.com/nuxt-community/gtm-module#readme

3. testing

Install a add-on to chrome and test weather it is working correctly or not.
https://chrome.google.com/webstore/detail/tag-assistant-legacy-by-g/kejbdjndbnbjgmefkgdddjlbokphdefk

Writer
Takeshi Sawaki

CEO at CoDigital, inc. in Japan.
CoDigital, inc. is a Japanese Digital Marketing Agency.

・We primarily deal in digital marketing services such as Advertising, SEO, Social Media and introducing CRM / MA tools in Japan. ・We work with a variety of industries such as SaaS Companies, Staffing Agencies, Website Design Company, Media and Software and App developers providing digital marketing consulting, implementation and analyzing services.

DEV Community: Takeshi Sawaki

Introducing GTM to nuxt webapps.

1. install a module

2. insert GTM's id

3. testing