Getting started

Installation

Package install

Install @hiperf/gtm with your favorite package manager:

npm

npm i @hiperf/gtm

yarn

yarn add @hiperf/gtm

pnpm

pnpm i @hiperf/gtm

bun

bun add @hiperf/gtm

Add module to nuxt.config

export default defineNuxtConfig({
    modules: ['@hiperf/gtm'],
});

Usage

No Google Tag Manager (GTM) code are injected until you call $initGTM

<!-- layouts/default.vue or app.vue -->
<script setup>
const { $initGTM, $gtm } = useNuxtApp();

onMounted(() => {
	// Add Google Tag Manager (GTM) tracker code and initialize your tracker
	$initGTM('YOUR-GTM-ID');

	// Start PageView tracking
	$gtm.value('track', 'PageView');
});
</script>