๐ฆ plugin-google-tag-manager
๋ํ์ฌ์ฐ๋ฃจ์ค ์ฌ์ดํธ์ ๊ตฌ๊ธ ํ๊ทธ ๊ด๋ฆฌ์(gtm.js)๋ฅผ ์ถ๊ฐํ๊ธฐ ์ํ ํ๋ฌ๊ทธ์ธ์ ๋๋ค. ์ฌ์ดํธ์์ ์ฌ์ฉ์์ ํ๋์ ์ฌ๋์๊ฒ ๋ถ์ํ๊ธฐ ์ํด ํ์ค gtag ํ๋ฌ๊ทธ์ธ๊ณผ ํจ๊ป ์ด ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ์ธ์.
ํ๊ทธ ๊ด๋ฆฌ์๋ฅผ ์ ์ ํ๊ฒ ์ค์ ๋๋์ง ์ฒดํฌํ๊ธฐ ์ํด ๊ตฌ๊ธ ํ๊ทธ ์ด์์คํดํธ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค.
ํด๋น ํ๋ฌ๊ทธ์ธ์ ๋ถ์ ํต๊ณ ์์น๊ฐ ์ค์ผ๋๋ ๊ฒ์ ๋ฐฉ์งํ๊ธฐ ์ํด ๊ฐ๋ฐ ์ค์๋ ๋นํ์ฑํ๋๊ณ ์ ํ ๋น๋ ์์๋ง ํ์ฑํ๋ฉ๋๋ค.
์ค์นโ
- npm
- Yarn
- pnpm
npm install --save @docusaurus/plugin-google-tag-manager
yarn add @docusaurus/plugin-google-tag-manager
pnpm add @docusaurus/plugin-google-tag-manager
@docusaurus/preset-classic
์ ์ค์นํ ๊ฒฝ์ฐ์๋ ํ๋ฌ๊ทธ์ธ์ ๋ฐ๋ก ์ค์นํ ํ์๋ ์์ต๋๋ค.
You can configure this plugin through the preset options.
์ค์ โ
์ค์ ํ ์ ์๋ ํ๋
์ต์ ๋ช | ํ์ | ๊ธฐ๋ณธ๊ฐ | ์ค๋ช |
---|---|---|---|
containerId | string | ํ์ | ์ฌ๋ฌ๋ถ์ ํ๊ทธ ๊ด๋ฆฌ์ ์ปจํ
์ด๋ Id(์ผ๋ฐ์ ์ผ๋ก GTM- ๋ก ์์ํฉ๋๋ค). |
์ค์ ์์โ
ํ๋ฆฌ์ ์ต์ ์ด๋ ํ๋ฌ๊ทธ์ธ ์ต์ ์์ ํ๋ฌ๊ทธ์ธ์ ์ค์ ํ ์ ์์ต๋๋ค.
๋๋ถ๋ถ์ ๋ํ์ฌ์ฐ๋ฃจ์ค ์ฌ์ฉ์๋ ํ๋ฆฌ์ ์ต์ ์ ์ฌ์ฉํด ํ๋ฌ๊ทธ์ธ์ ์ค์ ํฉ๋๋ค.
- ํ๋ฆฌ์ ์ต์
- ํ๋ฌ๊ทธ์ธ ์ต์
ํ๋ฆฌ์ ์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ ํ๋ฆฌ์ ์ต์ ๋ฅผ ํตํด ํ๋ฌ๊ทธ์ธ์ ๊ตฌ์ฑํฉ๋๋ค.
module.exports = {
presets: [
[
'@docusaurus/preset-classic',
{
googleTagManager: {
containerId: 'GTM-12345',
},
},
],
],
};
๋ ๋ฆฝ์ ์ผ๋ก ์คํ๋๋ ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ์๋ ํ๋ฌ๊ทธ์ธ์ ๋ํ ์ต์ ์ ์ง์ ์ค์ ํ ์ ์์ต๋๋ค.
module.exports = {
plugins: [
[
'@docusaurus/plugin-google-tag-manager',
{
containerId: 'GTM-12345',
},
],
],
};