Google Tag Manager

Adobe Commerce 기능 {width="20"} Adobe Commerce에서만 사용할 수 있는 전용 기능 (자세히 알아보기)

Google Tag Manager 는 마케팅 캠페인 이벤트와 관련된 많은 태그(코드 조각)를 관리하는 데 도움이 됩니다. Google Tag Manager 은 사이트에 추적 태그를 추가하여 대상자를 측정하거나 검색 엔진 마케팅 이니셔티브를 개인화, 재타겟팅 또는 수행하는 기능을 제공합니다.

Google Tag Manager 데이터 및 이벤트를 (으)로 직접 전송 Google Analytics, 향상된 Ecommerce 및 기타 서드파티 분석 솔루션을 사용하여 사이트, 제품 및 판촉 활동의 성과를 명확하게 파악할 수 있습니다.

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

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

1단계. 구성 Google Analytics account

다음을 참조하십시오 사이트 검색 설정 시작에 필요한 기본 사항은 Google 도움말에서 확인하십시오. 다음에 대한 Google 안내서 참조: Google AnalyticsGoogle 태그 관리자.

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

  2. 활성화하려면 Internal Site Search Tracking ​를 사용하여 다음을 수행합니다.

    • 다음으로 이동 Select View > View Settings.

    • 설정 Site Search TrackingOn.

    • 설정 Query 매개 변수 q.

    • 완료되면, Save 설정.

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

    • 선택 Property Settings.

    • 아래 Advertising Features, 설정됨​ Enable Demographics and Interest Reports ​끝 On.

    • Save 설정.

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

    • 다음으로 이동 Select View > Ecommerce Settings.

    • 설정 Enable EcommerceOn.

    • 설정 Enable Enhanced Ecommerce ReportingOn.

    • Save 설정.

  5. 페이지를 다시 로드하고 모든 설정이 유지되는지 확인합니다. On.

    note note
    NOTE
    일부 설정은 On, 이전 단계를 반복하고 페이지를 저장한 다음 다시 로드합니다. 모든 설정이 로 설정될 때까지 이 프로세스를 반복합니다 On.

2단계. 구성 Google Tag Manager account

다음 지침은 기본 설정으로 새 컨테이너를 구성하는 방법을 보여 줍니다. 샘플 작성기 구성(.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"}

    • 설정 EnableYes.

    • 설정 Account typeGoogle Tag Manager.

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

    • 콘텐츠 실험에 Google Analytics을 사용하는 경우 다음을 설정하십시오. 콘텐츠 실험 활성화Yes.

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

  5. 완료되면 다음을 클릭하십시오. Save Config.

  6. 테스트 Google Tag Manager 모든 설정이 올바르게 작동하는지 확인합니다.

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

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

  1. GTM 코드를 복사하려면 Admin > Install Google Tag Manager.

    상거래 사이트에 두 개의 GTM 코드 조각을 추가할 수 있습니다. <head> 태그와 의 두 번째 <body> 태그에 가깝게 배치하십시오.

  2. Commerce 관리자에서 Content > Design>Configuration ​편집 모드로 스토어 보기를 엽니다.

  3. 아래 Other Settings, 확장​ HTML Head ​및 를 위해 GTM에서 복사한 코드를 <head> 태그 내​ Scripts and Style Sheets ​필드.

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

  4. 확장 Footer 및 의 GTM 코드를 붙여넣습니다. <body> 다음에서 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
스토어 뷰
If 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. 다음을 입력합니다. Conversion IDConversion Label AdWords 계정에서 Continue.

2단계. 규칙 만들기

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

  1. 아래 Fire On, 클릭 Some Pages.

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

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

    • Variable url

    • 작업 - matches RegEx

      자세한 내용은 다음을 참조하십시오. Regex 및 CSS 선택기 연산자 Google Tag Manager 도움말의 .

    • Value - checkout/success.*

  3. 녹색 확인란을 선택하고 Save.

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

  4. 완료되면 다음을 클릭하십시오. Save Tag.

3단계. 미리보기 및 게시

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

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