在 Vue 3.0 使用 Google Tag Manager 代碼管理工具

Vue
, , ,

安裝

安裝 vue-gtm 套件。

1
yarn add vue-gtm

修改 main.js 檔：

1
2
3
4
5
6
7
8
9
10
11
import { createGtm } from 'vue-gtm';
import App from './App.vue';

createApp(App)
  .use(createGtm({
    id: 'GTM-XXXXXXX',
    debug: true,
    vueRouter: router,
    trackOnNextTick: false,
  }))
  .mount('#app');

推送事件

使用 gtm.trackEvent() 方法推送事件。

1
2
3
4
5
6
gtm.trackEvent({
    event: 'my-event',
    category: 'common',
    action: 'click',
    value: 'hello',
});

參考資料