๋ฉ”์ธ ์ปจํ…์ธ ๋กœ ์ด๋™
๋ฒ„์ „: 2.0.0-beta.22 ๐Ÿšง

๐Ÿ“ฆ plugin-google-gtag

๊ธฐ๋ณธ ์ „์—ญ ์‚ฌ์ดํŠธ ํƒœ๊ทธ(gtag.js) ํ”Œ๋Ÿฌ๊ทธ์ธ์ž…๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ๋ถ„์ด ๊ตฌ๊ธ€ ์• ๋„๋ฆฌํ‹ฑ์Šค, ๊ตฌ๊ธ€ ๊ด‘๊ณ , ๊ตฌ๊ธ€ ๋งˆ์ผ€ํŒ… ํ”Œ๋žซํผ์— ์ด๋ฒคํŠธ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๋‚ผ ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํƒœํ‚น ํ”„๋ ˆ์ž„์›Œํฌ์™€ API์ž…๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—์„œ๋Š” ๊ตฌ๊ธ€ ์• ๋„๋ฆฌํ‹ฑ์Šค๋ฅผ ์œ„ํ•œ ์ „์—ญ ์‚ฌ์ดํŠธ ํƒœ๊ทธ๋ฅผ ํ™œ์„ฑํ™”ํ•˜๊ธฐ ์œ„ํ•ด ๋„ํ์‚ฌ์šฐ๋ฃจํŠธ ์‚ฌ์ดํŠธ ์„ค์ •์„ ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ํ•˜๋Š”์ง€ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

ํŒ

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

์ œํ’ˆ ๋นŒ๋“œ ์ „์šฉ

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

์„ค์น˜โ€‹

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

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

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

์„ค์ •โ€‹

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

์˜ต์…˜๋ช…ํƒ€์ž…๊ธฐ๋ณธ๊ฐ’์„ค๋ช…
trackingIDstringํ•„์ˆ˜gtag ์„œ๋น„์Šค์˜ ์ถ”์  ID
anonymizeIPbooleanfalse์š”์ฒญ์„ ๋ณด๋‚ผ ๋•Œ IP๋ฅผ ์ต๋ช…ํ™”ํ• ์ง€ ์—ฌ๋ถ€

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

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

ํŒ

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

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

docusaurus.config.js
module.exports = {
presets: [
[
'@docusaurus/preset-classic',
{
gtag: {
trackingID: 'G-226F0LR9KE',
anonymizeIP: true,
},
},
],
],
};