Google Tag Manager

Adobe Commerce 기능 {width="20"} Adobe Commerce의 전용 기능(자세히 알아보기)

Google Tag Manager을(를) 사용하면 마케팅 캠페인 이벤트와 관련된 많은 태그(코드 조각)를 관리할 수 있습니다. Google Tag Manager에서는 사이트에 추적 태그를 추가하여 대상자를 측정하거나 검색 엔진 마케팅 이니셔티브를 개인화, 리타겟팅 또는 수행할 수 있습니다.

Google Tag Manager은(는) 데이터와 이벤트를 Google Analytics, Enhanced Ecommerce 및 다른 서드파티 분석 솔루션으로 직접 전송하여 사이트, 제품 및 프로모션의 성과를 명확하게 파악합니다.

이 프로세스를 계속하려면 Google Analytics 및 Tag Manager 계정이 있어야 합니다. 다음 지침은 Google 계정을 구성하고, Commerce 스토어를 구성하고, 태그를 만드는 과정을 안내합니다.

NOTE
비즈니스에 일반 데이터 보호 규정 및/또는 캘리포니아 소비자 개인정보 보호법과 같은 개인정보 보호 규정이 적용되는 경우 Google 개인정보 보호 설정을 참조하십시오.

1단계. Google Analytics 계정 구성

시작하는 데 필요한 기본 사항은 Google 도움말의 사이트 검색 설정을 참조하십시오. Google AnalyticsGoogle 태그 관리자용 Google 안내서도 참조하세요.

  1. Google Analytics 계정에 로그인합니다.

  2. Internal Site Search Tracking ​을(를) 사용하려면 다음을 수행하십시오.

    • Select View > View Settings(으)로 이동합니다.

    • Site Search Tracking ​을(를) On(으)로 설정합니다.

    • Query 매개 변수를 q(으)로 설정합니다.

    • 완료되면 설정을 Save ​합니다.

  3. 디스플레이 기능을 활성화하려면 다음을 수행합니다.

    • Property Settings ​을(를) 선택하십시오.

    • Advertising Features ​에서​ Enable Demographics and Interest Reports ​을(를) On(으)로 설정합니다.

    • Save 설정입니다.

  4. 전자 상거래 추적을 활성화하려면 다음 작업을 수행하십시오.

    • Select View > Ecommerce Settings(으)로 이동합니다.

    • Enable Ecommerce ​을(를) On(으)로 설정합니다.

    • Enable Enhanced Ecommerce Reporting ​을(를) On(으)로 설정합니다.

    • Save 설정입니다.

  5. 페이지를 다시 로드하고 모든 설정이 On 상태로 유지되는지 확인하십시오.

    note note
    NOTE
    일부 설정이 On이(가) 아닌 경우 이전 단계를 반복하여 페이지를 저장하고 다시 로드합니다. 모든 설정이 On(으)로 설정될 때까지 이 프로세스를 반복합니다.

2단계. Google Tag Manager 계정 구성

다음 지침은 기본 설정으로 새 컨테이너를 구성하는 방법을 보여 줍니다. 샘플 Composer 구성(.json) 파일을 사용하여 프로세스를 단순화하고 가져오기를 통해 새 컨테이너에서 태그를 생성합니다. 이 예제에서는 기존 컨테이너를 수정하지 않고 컨테이너를 만드는 것이 좋습니다.

NOTE
자세한 내용은 Google의 컨테이너 내보내기 및 가져오기를 참조하십시오. 이러한 지침은 새 컨테이너에서 샘플 JSON을 가져오는 방법에 대한 설명을 제공합니다.
  1. 연결된 파일 GTM_M2_Config_json.txt를 다운로드하고 편집기에서 파일을 열고 GTM_M2_Config.json(으)로 저장합니다.

    json 파일이 Google Tag Manager에 바로 업로드됩니다.

  2. Admin > Container > Import Container(으)로 이동합니다.

  3. Choose container file ​을(를) 클릭하고 json 파일을 선택하십시오.

  4. Choose workspace ​에서 New ​을(를) 클릭합니다.

  5. 제목과 설명을 입력한 다음 Save ​을(를) 클릭합니다.

  6. 파일을 가져오려면 다음 작업 중 하나를 선택합니다.

    • 새 컨테이너에 대해 Overwrite 옵션을 선택해야 합니다.

    • 기존 컨테이너를 사용하는 경우 Merge 옵션을 선택해야 합니다.

  7. 태그, 트리거 및 변수를 검토하려면 Preview ​을(를) 클릭하십시오.

  8. 변수에서 참조되는 Google Analytics ID ​을(를) 편집하려면 다음을 수행하십시오.

    • Variables > User-Defined Variables(으)로 이동합니다.

    • Google Analytics ​을(를) 선택하고 자리 표시자(UA-xxxxxx-x)를 GA ID(으)로 업데이트하십시오.

  9. 태그, 트리거 및 변수를 새 컨테이너에 추가하는 방법에 대한 Google의 지침을 따릅니다.

    사용할 다른 컨테이너에 설정이 있는 경우 새 컨테이너로 이동할 수 있습니다.

  10. 완료되면 Confirm ​을(를) 클릭합니다.

  11. 새 컨테이너를 게시하려면 Google의 지침을 따르십시오.

3단계. 스토어 구성

NOTE
2.4.5 릴리스부터 Google 서비스 통합이 GTag API 사용을 지원하도록 업데이트됩니다. GTag는 웹 페이지에 대한 Google 기능과 통합하기 위한 통합 메커니즘으로, Google Services를 통해 컨텐츠를 추적하고 관리할 수 있는 최신 기능과 기회를 지원합니다. 자세한 내용은 Google Analytics 개발자 설명서를 참조하세요.
  1. Commerce 스토어의 관리자에 로그인합니다.

  2. 관리자 사이드바에서 Stores > Settings>Configuration(으)로 이동합니다.

  3. 왼쪽 패널에서 Sales ​을(를) 확장하고 Google API ​을(를) 선택합니다.

  4. Google Analytics 섹션에서 확장 선택기 를 확장하고 다음을 구성합니다.

    판매 구성 - Google Analytics {width="600" modal="regular"}

    • Enable ​을(를) Yes(으)로 설정합니다.

    • Account type ​을(를) Google Tag Manager(으)로 설정합니다.

    • Container ID 필드에 GTM ID(GTM-xxxxxx)를 입력합니다.

    • 콘텐츠 실험에 Google Analytics을 사용하는 경우 콘텐츠 실험 사용 ​을(를) Yes(으)로 설정하십시오.

    • 나머지 필드에 기본값을 사용합니다.

  5. 완료되면 Save Config ​을(를) 클릭합니다.

  6. Google Tag Manager 설정을 테스트하고 모든 설정이 올바르게 작동하는지 확인하십시오.

NOTE
각 컨테이너는 하나의 웹 사이트와 연결되어 있으며 계정당 하나의 컨테이너만 있으면 됩니다. 다중 사이트 Commerce 인스턴스가 있는 경우 별도의 컨테이너가 필요합니다.

4단계. Adobe Commerce 스토어에 GTM 코드 추가

  1. GTM 코드를 복사하려면 Admin > Install Google Tag Manager(으)로 이동합니다.

    두 개의 GTM 코드 조각을 Commerce 사이트에 추가할 수 있습니다. 하나는 <head> 태그에 대한 것이고 다른 하나는 <body> 태그에 대한 것입니다.

  2. Commerce 관리자에서 Content > Design>Configuration(으)로 이동하여 편집 모드로 스토어 보기를 엽니다.

  3. Other Settings ​에서​ HTML Head ​을(를) 확장하고 <head> 태그에 대해 GTM에서 복사한 코드를​ Scripts and Style Sheets ​필드에 붙여넣습니다.

    HTML 헤드에 코드 삽입 {width="600" modal="regular"}

  4. Footer ​을(를) 확장하고 <body>의 GTM 코드를 Miscellaneous HTML 필드에 붙여 넣습니다.

    바닥글에 코드 삽입 {width="600" modal="regular"}

  5. 완료되면 Save Configuration ​을(를) 클릭합니다.

필드 설명

필드
범위
설명
Enable
스토어 뷰
Google Analytics 고급 전자 메일을 사용하여 스토어의 활동을 분석할 수 있는지 여부를 결정합니다. 옵션: Yes / No
Account type
스토어 뷰
저장소 활동 및 트래픽을 모니터링하는 데 사용되는 Google 추적 코드를 결정합니다. 옵션: Google Analytics / Google Tag Manager
Anonymize IP
스토어 뷰
Google Analytics 결과에 나타나는 IP 주소에서 식별 정보가 제거되는지 여부를 결정합니다.
Enable Content Experiments
스토어 뷰
동일한 페이지의 서로 다른 버전을 최대 10개까지 테스트하는 데 사용할 수 있는 Google 콘텐츠 실험을 활성화합니다. 옵션: Yes / No
Container Id
스토어 뷰
저장소에 대해 Google Tag Manager이(가) 이미 설치 및 구성된 경우 컨테이너 ID가 이 필드에 자동으로 표시됩니다.
List property for the catalog page
스토어 뷰
카탈로그 페이지와 연결된 태그 관리자 속성을 식별합니다. 기본값: Catalog Page
List property for the cross-sell block
스토어 뷰
크로스셀 블록과 연결된 Tag Manager 속성을 식별합니다. 기본값: Cross-sell
List property for the up-sell block
스토어 뷰
업셀 블록과 연결된 Tag Manager 속성을 식별합니다. 기본값: Up-sell
List property for the related products block
스토어 뷰
관련 제품 블록과 연결된 Tag Manager 속성을 식별합니다. 기본값: Related Products
List property for the search results page
스토어 뷰
검색 결과 페이지와 연결된 태그 관리자 속성을 식별합니다. 기본값: Search Results
“Internal Promotions” for promotions field “Label”
스토어 뷰
내부 프로모션의 레이블과 연결된 태그 관리자 속성을 식별합니다. 기본값: Label

전환 추적을 위한 태그 만들기

Google AdWords 계정이 있는 경우 전환을 추적하는 태그를 만들 수 있습니다. 다음 예제에서는 Google Tag Manager과(와) Google Analytics을(를) 모두 사용하여 스토어의 전환 성공 페이지에서 실행되는 태그를 만드는 방법을 보여 줍니다.

1단계. 태그 만들기

  1. Google Tag Manager 계정에 로그인하고 스토어에 대해 만든 컨테이너에 대한 링크를 클릭합니다.

  2. New Tag 상자에서 Add a new tag ​을(를) 클릭합니다.

  3. AdWords 계정에서 다음 정보를 가져옵니다.

    • 전환 ID
    • 전환 레이블

    도움이 필요하면 Google의 지원 사이트를 방문하세요.

  4. Google Tag Manager 대시보드에서 Google AdWords ​을(를) 클릭하고 다음을 수행합니다.

    • 제목 자리 표시자를 클릭하고 새 태그의 이름을 입력합니다.

    • Choose Product ​에서 Google AdWords ​을(를) 선택합니다.

    • Choose a Tag Type ​에서​ AdWords Conversion Tracking ​을(를) 선택하고​ Continue ​을(를) 클릭합니다.

  5. AdWords 계정에서 Conversion IDConversion Label ​을(를) 입력하고 Continue ​을(를) 클릭합니다.

2단계. 규칙 만들기

Google Tag Manager 대시보드에서 계속하는 다음 단계는 전환 페이지에서 태그를 실행하는 규칙을 만드는 것입니다.

  1. Fire On ​에서 Some Pages ​을(를) 클릭합니다.

  2. Choose Pages ​섹션에서 다음 설정을 완료합니다.

    • Name - 페이지 설명의 이름을 입력합니다.

    • Variable url

    • 작업 - matches RegEx

      자세한 내용은 Google 태그 관리자 도움말에서 Regex 및 CSS 선택기 연산자를 참조하십시오.

    • Value - checkout/success.*

  3. 녹색 확인란을 선택하고 Save ​을(를) 클릭합니다.

    설정한 트리거는 [실행] 섹션에 파란색 단추로 나타납니다.

  4. 완료되면 Save Tag ​을(를) 클릭합니다.

3단계. 미리보기 및 게시

프로세스의 다음 단계는 태그를 미리 보는 것입니다. 태그를 미리 볼 때마다 버전의 스냅샷이 저장됩니다. 결과가 만족스러우면 사용할 버전으로 이동하여 Publish ​을(를) 클릭합니다.

recommendation-more-help
d5ef48ad-708f-4ce5-a225-e7bb6053ded5