DEV Community 👩‍đŸ’ģ👨‍đŸ’ģ

Cover image for Google Tag Manager with Next.js (TypeScript/Bangla)
Muhid Hossain
Muhid Hossain

Posted on • Updated on

Google Tag Manager with Next.js (TypeScript/Bangla)

āĻāχ āĻŦā§āϞāĻ—āϟāĻŋāϤ⧇ āφāĻŽāϰāĻž āĻļāĻŋāĻ–āĻŦ āĻ•āĻŋāĻ­āĻžāĻŦ⧇ Next.js āĻĒā§āϰ⧋āĻœā§‡āĻ•ā§āĻŸā§‡ āϗ⧁āĻ—āϞ āĻŸā§āϝāĻžāĻ— āĻŽā§āϝāĻžāύ⧇āϜāĻžāϰ āχāĻŽāĻĒā§āϞāĻŋāĻŽā§‡āĻ¨ā§āϟ āĻ•āϰāϤ⧇ āĻšā§ŸāĨ¤

āĻāϜāĻ¨ā§āϝ āφāĻŽāĻžāĻĻ⧇āϰ āĻĒā§āĻ°ā§Ÿā§‹āϜāύ āĻšāĻŦ⧇,

  • Next.js āĻĒā§āϰ⧋āĻœā§‡āĻ•ā§āϟ
  • āϗ⧁āĻ—āϞ āĻŸā§āϝāĻžāĻ— āĻŽā§āϝāĻžāύ⧇āϜāĻžāϰ āĻ…ā§āϝāĻžāĻ•āĻžāωāĻ¨ā§āϟ

āϧāĻžāĻĒāϏāĻŽā§‚āĻš

ā§§/ .env āĻĢāĻžāχāϞ⧇ āϗ⧁āĻ—āϞ āĻŸā§āϝāĻžāĻ— āĻŽā§āϝāĻžāύ⧇āϜāĻžāϰ āφāχāĻĄāĻŋ āĻĄāĻŋāĻĢāĻžāχāύ āĻ•āϰāĻž
⧍/ pages āĻĢā§‹āĻ˛ā§āĻĄāĻžāϰ āĻāϰ āĻŽāĻ§ā§āϝ⧇ _document.tsx āĻĢāĻžāχāϞ āϤ⧈āϰāĻŋ āĻ•āϰāĻž
ā§Š/ lib/gtm/index.tsx āĻĢāĻžāχāϞ āϤ⧈āϰāĻŋ āĻ•āϰ⧇ āĻĒā§āĻ°ā§Ÿā§‹āϜāĻ¨ā§€ā§Ÿ āĻĢāĻžāĻ‚āĻļāύ āĻĄāĻŋāĻĢāĻžāχāύ āĻ•āϰāĻž
ā§Ē/ _app.tsx āĻĢāĻžāχāϞ⧇ āϰāĻžāωāϟ āĻĒāϰāĻŋāĻŦāĻ°ā§āϤāύ āĻŸā§āĻ°ā§āϝāĻžāĻ• āĻ•āϰāĻž

ā§§āĻŽ āϧāĻžāĻĒāσ

āϰ⧁āϟ āĻĄāĻŋāϰ⧇āĻ•ā§āϟāϰāĻŋāϤ⧇ .env āĻĢāĻžāχāϞāϰ āĻŽāĻ§ā§āϝ⧇ āφāĻĒāύāĻžāϰ āĻĒā§āϰ⧋āĻœā§‡āĻ•ā§āĻŸā§‡āϰ āϗ⧁āĻ—āϞ āĻŸā§āϝāĻžāĻ— āĻŽā§āϝāĻžāύ⧇āϜāĻžāϰ āφāχāĻĄāĻŋ āĻ…ā§āϝāĻžāĻĄ āĻ•āϰ⧁āύāĨ¤


GTM-XXXXXXX āĻāϰ āĻ¸ā§āĻĨāϞ⧇ āφāĻĒāĻžāύāϰ āϗ⧁āĻ—āϞ āĻŸā§āϝāĻžāĻ— āĻŽā§āϝāĻžāύ⧇āϜāĻžāϰ āφāχāĻĄāĻŋ āϞāĻŋāϖ⧁āύāĨ¤

⧍⧟ āϧāĻžāĻĒāσ

pages āĻĢā§‹āĻ˛ā§āĻĄāĻžāϰ⧇āϰ āĻŽāĻ§ā§āϝ⧇ _document.tsx āĻĢāĻžāχāϞ āϤ⧈āϰāĻŋ āĻ•āϰ⧇ āϗ⧁āĻ—āϞ āĻŸā§āϝāĻžāĻ— āĻŽā§āϝāĻžāύ⧇āϜāĻžāϰ āĻ•āύāĻĢāĻŋāĻ—āĻžāϰ āĻ•āϰ⧁āύāĨ¤

_document.tsx āϏāĻŽā§āĻĒāĻ°ā§āϕ⧇ āĻŦāĻŋāĻ¸ā§āϤāĻžāϰāĻŋāϤ āϜāĻžāύāϤ⧇ Next.js documentation āĻĒ⧜āϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤

āϏāĻŽāĻ¸ā§āϝāĻžāσ

āϗ⧁āĻ—āϞ āĻŸā§āϝāĻžāĻ— āĻŽā§āϝāĻžāύ⧇āϜāĻžāϰ āĻļ⧁āϧ⧁āĻŽāĻžāĻ¤ā§āϰ āĻĒ⧇āχāϜ āϰāĻŋāϞ⧋āĻĄ āĻ•āϰāϞ⧇ āĻŸā§āϝāĻžāĻ— āĻĢāĻžā§ŸāĻžāϰ āĻ•āϰ⧇āĨ¤ āϝ⧇āĻšā§‡āϤ⧁ React/Next.js āĻāϰāĻŽāϤ⧋ āϏāĻŋāĻ™ā§āϗ⧇āϞ āĻĒ⧇āχāϜ āĻ…ā§āϝāĻžāĻĒā§āϞāĻŋāϕ⧇āĻļāĻžāύ⧇ āϰāĻžāωāϟ āĻĒāϰāĻŋāĻŦāĻ°ā§āϤāύ āĻšāϞ⧇āĻ“ āĻĒ⧇āχāϜ āϰāĻŋāϞ⧋āĻĄ āĻšā§Ÿ āύāĻžāĨ¤ āĻĢāϞ⧇ āĻĒā§āϰāĻĨāĻŽāĻŦāĻžāϰ āĻ“ā§Ÿā§‡āĻŦāϏāĻžāχāĻŸā§‡ āĻĸ⧁āĻ•āϞ⧇ āĻŸā§āϝāĻžāĻ— āĻĢāĻžā§ŸāĻžāϰ āĻšā§Ÿ āĻĒāϰāĻŦāĻ°ā§āϤ⧀āϤ⧇ āϰāĻžāωāϟ āĻĒāϰāĻŋāĻŦāĻ°ā§āϤāύ āĻ•āϰāϞ⧇āĻ“ āĻŸā§āϝāĻžāĻ— āĻĢāĻžā§ŸāĻžāϰ āĻšā§Ÿ āύāĻžāĨ¤

āϏāĻŽāĻžāϧāĻžāύāσ

āĻāχ āϏāĻŽāĻ¸ā§āϝāĻžāϰ āĻĨ⧇āϕ⧇ āĻĒāϰāĻŋāĻ¤ā§āϰāĻžāύ āĻĒāĻžāĻ“ā§ŸāĻžāϰ āϜāĻ¨ā§āϝ āφāĻŽāĻžāĻĻ⧇āϰāϕ⧇ āĻŽā§āϝāĻžāύ⧁⧟āĻžāϞ āĻ­āĻžāĻŦ⧇ āĻĒā§āϰāϤāĻŋāĻŦāĻžāϰ āϰāĻžāωāϟ āĻĒāϰāĻŋāĻŦāĻ°ā§āϤāύ āĻšāϞ⧇ āύāĻŋāĻŽā§āύāωāĻ•ā§āϤ pageview āĻĢāĻžāĻ‚āĻļāύ āĻ•āϞ āĻ•āϰāϤ⧇ āĻšāĻŦ⧇ āĻāĻŦāĻ‚ āϗ⧁āĻ—āϞ āĻŸā§āϝāĻžāϗ⧇ āĻšāĻŋāĻ¸ā§āϟāϰāĻŋ āĻšā§‡āχāĻžā§āϜ āĻŸā§āϰāĻŋāĻ—āĻžāϰ āĻ…ā§āϝāĻžāĻĄ āĻ•āϰāϤ⧇ āĻšāĻŦ⧇āĨ¤

āĻšāĻŋāĻ¸ā§āϟāϰāĻŋ āĻšā§‡āχāĻžā§āĻœā§‡ āĻŸā§āϰāĻŋāĻ—āĻžāϰāσ documentation

ā§Šā§Ÿ āϧāĻžāĻĒāσ

āϰ⧁āϟ āĻĄāĻŋāϰ⧇āĻ•ā§āϟāϰāĻŋāϤ⧇ lib/gtm āĻĢā§‹āĻ˛ā§āĻĄāĻžāϰ āϤ⧈āϰāĻŋ āĻ•āϰ⧇ āϤāĻžāϰ āĻŽāĻ§ā§āϝ⧇ index.tsx āĻĢāĻžāχāϞ āϤ⧈āϰāĻŋ āĻ•āϰ⧁āύ āĻāĻŦāĻ‚ pageviews āĻāĻŦāĻ‚ events āĻŸā§āϰāĻžāĻ• āĻ•āϰāĻžāϰ āϜāĻ¨ā§āϝ āĻ•āĻžāĻ¸ā§āϟāĻŽā§‡ āĻĢāĻžāĻ‚āĻļāύ āϞāĻŋāϖ⧁āύāĨ¤

ā§Ē⧟ āϧāĻžāĻĒāσ

āĻāĻ–āύ āϰāĻžāωāϟ āĻĒāϰāĻŋāĻŦāĻ°ā§āϤāύ⧇ pageview āĻĢāĻžāĻ‚āĻļāύ āĻ•āϞ āĻ•āϰāĻžāϰ āϜāĻ¨ā§āϝ _app.tsx āĻĢāĻžāχāϞ⧇ useEffect āĻšā§āĻ• āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰ⧁āύāĨ¤


āĻŦā§āϝāĻžāϏ āĻšā§Ÿā§‡ āϗ⧇āϞ⧋ āχāĻŽāĻĒā§āϞāĻŋāĻŽā§‡āĻ¨ā§āĻŸā§‡āĻļāύāĨ¤

Top comments (0)

New programmer and javascript

Stop by this week's meme thread!