Google 태그 관리자
이 페이지는 Jan 31, 2023에 인쇄되었습니다. 최신 버전은 https://help.shopify.com/ko/manual/reports-and-analytics/google-analytics/google-tag-manager에서 확인하십시오.
Google 태그 관리자 사용 시 고려 사항
Shopify Plus 온라인 스토어에서 Google 태그 관리자를 사용하면 다음 작업을 수행할 수 있습니다.
-
checkout.liquid
파일에 액세스합니다. 테마 코드에서 이 파일에 액세스할 권한이 없는 경우에는 Shopify Plus 지원에 문의하여 액세스 권한을 얻으십시오. - Google Analytics 및 Facebook 픽셀을 Google 태그 매니저와 사용하는 대신 Shopify 통합에 사용합니다.
- Google 태그 관리자가 제공하는 코드 조각을
theme.liquid
및checkout.liquid
테마 파일에 복사합니다.
테마에 Google 태그 관리자 코드 추가
단계:
-
Google 태그 관리자를 설치하여 Shopify 스토어에 복사해 붙여넣는 데 필요한 코드 조각을 받으십시오. Shopify는 템플릿을 사용하므로
theme.liquid
및checkout.liquid
파일에 코드 조각을 복사하면 됩니다.- Google 태그 관리자를 처음으로 설치하는 경우 Google 태그 관리자가 제공하는 설치 단계를 사용합니다. 웹 페이지에 추가할 코드 조각 2개가 제공되는 단계에서 일시 중지하고 아래 지침을 따릅니다.
- Google 태그 관리자를 이미 설치한 경우 관리자를 클릭한 다음 Google 태그 관리자 설치를 클릭하여 Google 태그 관리자에서 해당 코드 조각을 찾을 수 있습니다.
Shopify 관리자에서 온라인 스토어를 클릭한 다음 테마를 클릭합니다.
테마 드롭다운에서 코드 편집을 클릭합니다.
-
Google 태그 관리자에서 첫 번째 코드 조각을
theme.liquid
및checkout.liquid
코드의<head>
태그에 붙여넣습니다.- Google 태그 관리자에서 첫 번째 코드 조각을 복사합니다.
- Shopify 관리자에서
theme.liquid
파일을 엽니다. - 코드 조각을
theme.liquid
코드의<head>
에 가능한 한 높게 붙여넣습니다. -
checkout.liquid
파일을 엽니다. - 코드 조각을
checkout.liquid
코드의<head>
에 가능한 한 높게 붙여넣습니다.
-
Google 태그 관리자에서 두 번째 코드 조각을
theme.liquid
및checkout.liquid
코드의<body>
태그에 붙여넣습니다.- Shopify 관리자에서
theme.liquid
페이지를 엽니다. - 코드 조각을
theme.liquid
페이지의<body>
에 가능한 한 높게 붙여넣습니다. -
checkout.liquid
페이지를 엽니다. - 코드 조각을
checkout.liquid
코드의<body>
에 가능한 한 높게 붙여넣습니다.
- Shopify 관리자에서
Shopify 관리자에서 저장을 클릭합니다.
-
Google 태그 관리자에서 Google 태그 관리자를 계속 설치합니다. 태그를 추가하라는 메시지가 표시되면 다음 유형의 태그는 추가하지 않아야 합니다.
- Google Analytics용 Universal Analytics
- Google Analytics용 Classic Google Analytics
- Facebook Pixel
Google 태그 관리자가 설치되었는지 여부 확인
Google 태그 관리자를 올바르게 설치했는지 확인하려면 다음을 사용할 수 있습니다.
- Google 태그 관리자의 미리 보기 모드
- Google 태그 도우미 Chrome 확장 프로그램입니다.