본문으둜 κ±΄λ„ˆλ›°κΈ°
버전: 2.3.1

πŸ“¦ plugin-google-tag-manager

λ„νμ‚¬μš°λ£¨μŠ€ μ‚¬μ΄νŠΈμ— ꡬ글 νƒœκ·Έ κ΄€λ¦¬μž(gtm.js)λ₯Ό μΆ”κ°€ν•˜κΈ° μœ„ν•œ ν”ŒλŸ¬κ·ΈμΈμž…λ‹ˆλ‹€. μ‚¬μ΄νŠΈμ—μ„œ μ‚¬μš©μžμ˜ 행동을 μ‹¬λ„μžˆκ²Œ λΆ„μ„ν•˜κΈ° μœ„ν•΄ ν‘œμ€€ gtag ν”ŒλŸ¬κ·ΈμΈκ³Ό ν•¨κ»˜ 이 ν”ŒλŸ¬κ·ΈμΈμ„ μ‚¬μš©ν•˜μ„Έμš”.

팁

νƒœκ·Έ κ΄€λ¦¬μžλ₯Ό μ μ ˆν•˜κ²Œ μ„€μ •λλŠ”μ§€ μ²΄ν¬ν•˜κΈ° μœ„ν•΄ ꡬ글 νƒœκ·Έ μ–΄μ‹œμŠ€ν„΄νŠΈ 도ꡬλ₯Ό μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

production only

ν•΄λ‹Ή ν”ŒλŸ¬κ·ΈμΈμ€ 뢄석 톡계 μˆ˜μΉ˜κ°€ μ˜€μ—Όλ˜λŠ” 것을 λ°©μ§€ν•˜κΈ° μœ„ν•΄ 개발 μ€‘μ—λŠ” λΉ„ν™œμ„±ν™”λ˜κ³  μ œν’ˆ λΉŒλ“œ μ‹œμ—λ§Œ ν™œμ„±ν™”λ©λ‹ˆλ‹€.

μ„€μΉ˜β€‹

npm install --save @docusaurus/plugin-google-tag-manager
팁

@docusaurus/preset-classic을 μ„€μΉ˜ν•œ κ²½μš°μ—λŠ” ν”ŒλŸ¬κ·ΈμΈμ„ λ”°λ‘œ μ„€μΉ˜ν•  ν•„μš”λŠ” μ—†μŠ΅λ‹ˆλ‹€.

μ—¬λŸ¬λΆ„μ€ 프리셋 μ˜΅μ…˜μ„ μ‚¬μš©ν•΄ ν”ŒλŸ¬κ·ΈμΈμ„ μ„€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

섀정​

μ„€μ •ν•  수 μžˆλŠ” ν•„λ“œ

μ˜΅μ…˜λͺ…νƒ€μž…κΈ°λ³Έκ°’μ„€λͺ…
containerIdstringν•„μˆ˜μ—¬λŸ¬λΆ„μ˜ νƒœκ·Έ κ΄€λ¦¬μž μ»¨ν…Œμ΄λ„ˆ Id(일반적으둜 GTM-둜 μ‹œμž‘ν•©λ‹ˆλ‹€).

μ„€μ • μ˜ˆμ‹œβ€‹

프리셋 μ˜΅μ…˜μ΄λ‚˜ ν”ŒλŸ¬κ·ΈμΈ μ˜΅μ…˜μ—μ„œ ν”ŒλŸ¬κ·ΈμΈμ„ μ„€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

팁

λŒ€λΆ€λΆ„μ˜ λ„νμ‚¬μš°λ£¨μŠ€ μ‚¬μš©μžλŠ” 프리셋 μ˜΅μ…˜μ„ μ‚¬μš©ν•΄ ν”ŒλŸ¬κ·ΈμΈμ„ μ„€μ •ν•©λ‹ˆλ‹€.

If you use a preset, configure this plugin through the preset options:

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