Google 태그 관리자

Google 태그 관리자 사용 시 고려 사항

Shopify Plus 온라인 스토어에서 Google 태그 관리자를 사용하면 다음 작업을 수행할 수 있습니다.

  • checkout.liquid 파일에 액세스할 수 있습니다. 테마 코드에서 이 파일에 액세스할 수 없는 경우 Shopify Plus 지원팀에 문의하여 액세스 권한을 얻으십시오.
  • Google AnalyticsFacebook 픽셀을 Google 태그 매니저와 사용하는 대신 Shopify 통합에 사용합니다.
  • Google 태그 관리자가 제공하는 코드 조각을 theme.liquidcheckout.liquid 테마 파일에 복사합니다.

테마에 Google 태그 관리자 코드 추가

단계:

  1. Google 태그 관리자를 설치하여 Shopify 스토어에 복사해 붙여넣는 데 필요한 코드 조각을 받으십시오. Shopify는 템플릿을 사용하므로 theme.liquidcheckout.liquid 파일에 코드 조각을 복사하면 됩니다. - Google 태그 관리자를 처음으로 설치하는 경우 Google 태그 관리자가 제공하는 설치 단계를 사용합니다. 웹 페이지에 추가할 코드 조각 2개가 제공되는 단계에서 일시 중지하고 아래 지침을 따릅니다.

    • Google 태그 관리자를 이미 설치한 경우 관리자를 클릭한 다음 Google 태그 관리자 설치를 클릭하여 Google 태그 관리자에서 해당 코드 조각을 찾을 수 있습니다.
  2. Shopify 관리자에서 온라인 스토어를 클릭한 다음 테마를 클릭합니다.

  3. 테마 드롭다운에서 코드 편집을 클릭합니다.

  4. Google 태그 관리자에서 첫 번째 코드 조각을 theme.liquidcheckout.liquid 코드의 <head> 태그에 붙여넣습니다.

    1. Google 태그 관리자에서 첫 번째 코드 조각을 복사합니다.
    2. Shopify 관리자에서 theme.liquid 파일을 엽니다.
    3. 코드 조각을 theme.liquid 코드의 <head>에 가능한 한 높게 붙여넣습니다.
    4. checkout.liquid 파일을 엽니다.
    5. 코드 조각을 checkout.liquid 코드의 <head>에 가능한 한 높게 붙여넣습니다.
  5. Google 태그 관리자에서 두 번째 코드 조각을 theme.liquidcheckout.liquid 코드의 <body> 태그에 붙여넣습니다.

    1. Shopify 관리자에서 theme.liquid 페이지를 엽니다.
    2. 코드 조각을 theme.liquid 페이지의 <body>에 가능한 한 높게 붙여넣습니다.
    3. checkout.liquid 페이지를 엽니다.
    4. 코드 조각을 checkout.liquid 코드의 <body>에 가능한 한 높게 붙여넣습니다.
  6. Shopify 관리자에서 저장을 클릭합니다.

  7. Google 태그 관리자에서 Google 태그 관리자를 계속 설치합니다. 태그를 추가하라는 메시지가 표시되면 다음 유형의 태그는 추가하지 않아야 합니다. - Google Analytics용 Universal Analytics

    • Google Analytics용 Classic Google Analytics
    • Facebook Pixel

Google 태그 관리자가 설치되었는지 여부 확인

Google 태그 관리자를 올바르게 설치했는지 확인하려면 다음을 사용할 수 있습니다.

관련 링크

Shopify와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험