다음 단계를 따라 웹사이트의 Google 태그 관리자 컨테이너에 필요한 코드 스니펫을 설치하세요. 다른 유형의 컨테이너에 태그 관리자를 설정하는 방법은 다음 리소스를 참고하세요.
- iOS: iOS용 Google 태그 관리자
- Android: Android용 Google 태그 관리자
- AMP: AMP 및 태그 관리자 설정 가이드
- 서버: 서버 측 태그 관리자
시작하기 전에
- 태그 관리자 계정 및 컨테이너를 만들어야 합니다.
- 웹사이트의 코드에 액세스할 수 있어야 합니다.
단계
- https://tagmanager.google.com으로 이동합니다.
- Google 계정에 로그인합니다. Google 계정 만드는 방법 알아보기
- 수정하려는 태그 관리자 컨테이너를 엽니다.
- 작업공간 탭에서 컨테이너 ID('GTM'으로 시작)를 선택합니다.
- Google 태그 관리자 설치 대화상자에서 웹사이트의 각 페이지에 대해 다음 단계를 따릅니다.
참고: Wordpress, Shopify, Wix와 같은 웹사이트 작성 도구 또는 콘텐츠 관리 시스템(CMS)을 사용하여 웹사이트를 제작한 경우 웹사이트의 각 페이지에서 코드를 업데이트하지 않아도 되는 통합으로 Google 태그를 설정할 수 있습니다. 웹사이트 작성 도구를 사용하여 Google 태그를 설치하는 방법에 대해 자세히 알아보세요.
- 첫 번째 코드 블록을 복사하여
<head>태그의 최대한 상단에 붙여넣습니다.예
다음 샘플 HTML 코드에서는 여는 <head> HTML 태그 뒤에 첫 번째 Google 태그 관리자 코드 스니펫을 붙여넣습니다. 다음 예에서는 'GTM-ABCDEFGH'를 사용하지만 이 ID를 컨테이너 ID로 바꿔야 합니다.<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>Example Webpage</title>
</head>
<body>
<!-- Content of your website -->
<h1>Welcome to My Website</h1>
<p>This is a sample paragraph on my webpage.</p>
</body>
</html> - 두 번째 코드 블록을 복사하여 여는
<body>태그 바로 뒤에 붙여넣습니다.예
다음 샘플 HTML 코드에서는 두 번째 Google 태그 관리자 코드 스니펫을 여는 <body> HTML 태그 바로 뒤에 붙여넣습니다. 다음 예에서는 'GTM-ABCDEFGH'를 사용하지만 이 ID를 컨테이너 ID로 바꿔야 합니다.<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>Example Webpage</title>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Content of your website -->
<h1>Welcome to My Website</h1>
<p>This is a sample paragraph on my webpage.</p>
</body>
</html> - 웹사이트 링크를 입력한 다음 테스트를 클릭하여 웹사이트를 테스트합니다.
- 첫 번째 코드 블록을 복사하여
- 확인을 클릭합니다.
다음 단계
Google 태그 관리자를 사용하여 태그를 설정하고 관리합니다.