๋ฉ”์ธ ์ปจํ…์ธ ๋กœ ์ด๋™
๋ฒ„์ „: ๋ถˆ์•ˆ์ • ๐Ÿšง

๐Ÿ“ฆ plugin-google-tag-manager

๋„ํ์‚ฌ์šฐ๋ฃจ์Šค ์‚ฌ์ดํŠธ์— ๊ตฌ๊ธ€ ํƒœ๊ทธ ๊ด€๋ฆฌ์ž(gtm.js)๋ฅผ ์ถ”๊ฐ€ํ•˜๊ธฐ ์œ„ํ•œ ํ”Œ๋Ÿฌ๊ทธ์ธ์ž…๋‹ˆ๋‹ค. ์‚ฌ์ดํŠธ์—์„œ ์‚ฌ์šฉ์ž์˜ ํ–‰๋™์„ ์‹ฌ๋„์žˆ๊ฒŒ ๋ถ„์„ํ•˜๊ธฐ ์œ„ํ•ด ํ‘œ์ค€ gtag ํ”Œ๋Ÿฌ๊ทธ์ธ๊ณผ ํ•จ๊ป˜ ์ด ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‚ฌ์šฉํ•˜์„ธ์š”.

ํŒ

ํƒœ๊ทธ ๊ด€๋ฆฌ์ž๋ฅผ ์ ์ ˆํ•˜๊ฒŒ ์„ค์ •๋๋Š”์ง€ ์ฒดํฌํ•˜๊ธฐ ์œ„ํ•ด ๊ตฌ๊ธ€ ํƒœ๊ทธ ์–ด์‹œ์Šคํ„ดํŠธ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

production only

ํ•ด๋‹น ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ๋ถ„์„ ํ†ต๊ณ„ ์ˆ˜์น˜๊ฐ€ ์˜ค์—ผ๋˜๋Š” ๊ฒƒ์„ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ๊ฐœ๋ฐœ ์ค‘์—๋Š” ๋น„ํ™œ์„ฑํ™”๋˜๊ณ  ์ œํ’ˆ ๋นŒ๋“œ ์‹œ์—๋งŒ ํ™œ์„ฑํ™”๋ฉ๋‹ˆ๋‹ค.

์„ค์น˜โ€‹

npm install --save @docusaurus/plugin-google-tag-manager
ํŒ

@docusaurus/preset-classic์„ ์„ค์น˜ํ•œ ๊ฒฝ์šฐ์—๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ๋”ฐ๋กœ ์„ค์น˜ํ•  ํ•„์š”๋Š” ์—†์Šต๋‹ˆ๋‹ค.

You can configure this plugin through the preset options.

์„ค์ •โ€‹

์„ค์ •ํ•  ์ˆ˜ ์žˆ๋Š” ํ•„๋“œ

์˜ต์…˜๋ช…ํƒ€์ž…๊ธฐ๋ณธ๊ฐ’์„ค๋ช…
containerIdstringํ•„์ˆ˜์—ฌ๋Ÿฌ๋ถ„์˜ ํƒœ๊ทธ ๊ด€๋ฆฌ์ž ์ปจํ…Œ์ด๋„ˆ Id(์ผ๋ฐ˜์ ์œผ๋กœ GTM-๋กœ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค).

์„ค์ • ์˜ˆ์‹œโ€‹

ํ”„๋ฆฌ์…‹ ์˜ต์…˜์ด๋‚˜ ํ”Œ๋Ÿฌ๊ทธ์ธ ์˜ต์…˜์—์„œ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํŒ

๋Œ€๋ถ€๋ถ„์˜ ๋„ํ์‚ฌ์šฐ๋ฃจ์Šค ์‚ฌ์šฉ์ž๋Š” ํ”„๋ฆฌ์…‹ ์˜ต์…˜์„ ์‚ฌ์šฉํ•ด ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.

ํ”„๋ฆฌ์…‹์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ ํ”„๋ฆฌ์…‹ ์˜ต์…˜๋ฅผ ํ†ตํ•ด ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ๊ตฌ์„ฑํ•ฉ๋‹ˆ๋‹ค.

docusaurus.config.js
module.exports = {
presets: [
[
'@docusaurus/preset-classic',
{
googleTagManager: {
containerId: 'GTM-12345',
},
},
],
],
};