npmpackage.info

Gathering detailed insights and metrics for @magicul/next-google-tag-manager

@magicul/next-google-tag-manager - 2.0.0 | npmpackage.info

@magicul/next-google-tag-manager

Easily implement Google Tag Manager in your Next 13+ project

2.0.0

MIT

TypeScript

23.85 kB

Installations

npm install @magicul/next-google-tag-manager

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

18.17.0

NPM Version

9.6.7 Pull Requests

Open

5

Total

22

Closed

5

Merged

12

Issues

Open

0

Total

4

Closed

4

Releases

v2.0.0

2.0.0

Updated on Aug 17, 2023

Initial public release

1.0.0

Updated on Jul 11, 2023

View All 2 releases

Languages

TypeScript

TypeScript (100%)

Developer

XD2Sketch

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

48 Stars

28 Commits

1 Forks

5 Watchers

9 Branches

2 Contributors

Updated on Dec 12, 2024

Maintainers

View All 2 Contributors

Package Meta Information

Latest Version

2.0.0

Package Id

@magicul/next-google-tag-manager@2.0.0

Unpacked Size

23.85 kB

Size

8.32 kB

File Count

NPM Version

9.6.7

Node Version

18.17.0

Published on

Aug 17, 2023

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

@magicul/next-google-tag-manager

npm bundle size npm GitHub issues npm

A lightweight Next 13 library to easily implement Google Tag Manager in your projects. This package forwards all of the page changes to Google Tag Manager so you can easily track your users.

Installation

Install this package with npm

1npm i @magicul/next-google-tag-manager

Or with yarn

1yarn add @magicul/next-google-tag-manager

Usage

Using the GoogleTagManager component

To initialize Google Tag Manager, add <GoogleTagManager /> to app/layout.tsx like this:

1import GoogleTagManager from '@magicul/next-google-tag-manager';
2
3const RootLayout = ({ children }) => (
4  <html lang="en">
5    <body>
6      <GoogleTagManager id="GTM-XXXXX" />
7      {children}
8    </body>
9  </html>
10);

Note: This package utilizes next/script, which means you can't place it inside a next/head.

Configuring

To customize the way you load Google Tag Manager, you can pass the following props to the component:

Prop name	Type	Default value	Description
id	string	-	The ID of your Google Tag Manager container
server	string	www.googletagmanager.com	The tagging server that is used, you can configure your own server here or use the default Google Tag Manager server by default. This is used for server side tagging. Please only put the domain, subdomain and top level domain here to make it work correctly.
auth	string	-	Authentication string for the container configuration.
environment	string	-	The environment that is used, see Environments - Tag Manager Help for more information

No vulnerabilities found.

No security vulnerabilities found.

npmpackage.info

@magicul/next-google-tag-manager

Installations

Developer Guide

Yes

CommonJS

18.17.0

9.6.7

Pull Requests

5

22

5

12

Issues

0

4

4

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

Dev Dependencies

@magicul/next-google-tag-manager

Installation

Usage

Using the GoogleTagManager component

Configuring