9.5 Google 태그 관리자 태그 및 트리거 구성

확장 및 데이터 요소를 만든 후 Google 태그 관리자에서 호출되는 대로 규칙 또는 "트리거"를 만들어야 합니다.

https://tagmanager.google.com/ 으로 이동하여 개인 로그인 세부 정보를 사용하여 로그인합니다.

9.5.1 - 트리거 구성:모든 일반 페이지

Google 태그 관리자 메뉴에서 트리거를 선택합니다.

설치 시작

새로 만들기를 클릭합니다.

설치 시작

첫 번째 트리거가 모든 일반 페이지에서 실행됩니다.
이 트리거의 이름으로 사용합시다 All General Pages.

설치 시작

이 규칙의 트리거를 구성해야 하므로 트리거 구성을 클릭해 보겠습니다.

설치 시작

이 트리거는 특정 페이지 보기에서 활성화되어야 하므로 페이지 보기를 선택합니다.

설치 시작

그런 다음 [일부 페이지 보기 ]를 선택하고 pageType이 같은 경우 트리거가 실행되도록 General지정합니다.

설치 시작

저장을 클릭하여 트리거를 저장합니다.

설치 시작

9.5.2 - 트리거 구성:모든 제품 페이지

트리거 에서​새로 만들기를 클릭합니다.

설치 시작

두 번째 트리거가 모든 제품 페이지에서 실행됩니다.
이 트리거의 이름으로 사용합시다 All Product Pages.

설치 시작

이 규칙의 트리거를 구성해야 하므로 트리거 구성을 클릭해 보겠습니다.

설치 시작

이 트리거는 특정 페이지 보기에서 활성화되어야 하므로 페이지 보기를 선택합니다.

설치 시작

그런 다음 일부 페이지 보기를 선택하고 pageType이 다음과 같은 경우 트리거를 실행하도록 지정합니다 Products

설치 시작

저장을 클릭하여 트리거를 저장합니다.

설치 시작

9.5.3 - 트리거 구성:인증된 모든 페이지

트리거 에서​새로 만들기를 클릭합니다.

설치 시작

세 번째 트리거가 모든 인증된 페이지에서 실행됩니다.
이 트리거의 이름으로 사용합시다 All Authenticated Pages.

설치 시작

이 규칙의 트리거를 구성해야 하므로 트리거 구성을 클릭해 보겠습니다.

설치 시작

이 트리거는 특정 페이지 보기에서 활성화되어야 하므로 페이지 보기를 선택합니다.

설치 시작

그런 다음 일부 페이지 보기 를 선택하고 customerLoggedIn이 같은 경우 트리거가 Yes실행되도록 지정합니다.

설치 시작

저장을 클릭하여 트리거를 저장합니다.

설치 시작

이렇게 하면 Google 태그 관리자에서 트리거 설정이 완료되었습니다.

이제 태그를 구성하여 Adobe Experience Platform 로 전송하고 ​방금 만든 트리거를 해당 태그로연결합니다.

9.5.4 - 태그 구성:모든 일반 페이지

Google 태그 관리자 메뉴에서 태그로 이동합니다.

설치 시작

새로 만들기를 클릭합니다.

설치 시작

첫 번째 태그가 모든 일반 페이지에서 실행됩니다.
이 태그의 이름으로 사용합니다 All General Pages.

설치 시작

트리거를 클릭하여 만든 태그를 이 태그에 연결합니다.

설치 시작

트리거 All General Pages 선택

설치 시작

추가를 클릭하여 이 태그에 트리거를 추가합니다.

설치 시작

그런 다음 태그 구성을 클릭합니다.

설치 시작

메뉴에서 사용자 지정 HTML을 선택합니다.

설치 시작

이 코드를 태그에 붙여넣습니다.

<script>console.log(">>>>>GA - All General Pages - Sending Page View to DCS");fetch("{{dcsStreamingEndpoint}}",{"credentials":"omit","headers":{"accept":"*/*","accept-language":"en-US,es;q=0.9,en;q=0.8","cache-control":"no-cache","content-type":"application/json","pragma":"no-cache","sec-fetch-mode":"cors","sec-fetch-site":"cross-site"},"referrer":"{{pageUrl}}","referrerPolicy":"no-referrer-when-downgrade","body":"{\"header\":{\"datasetId\":\"{{eeDatasetId}}\",\"imsOrgId\":\"{{imsOrgId}}\",\"source\":{\"name\":\"GA\"},\"schemaRef\":{\"id\":\"{{eeSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"body\":{\"xdmMeta\":{\"schemaRef\":{\"id\":\"{{eeSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"xdmEntity\":{\"_id\":\"{{pageHitId}}\",\"eventType\":\"GTM_pageView\",\"web\":{\"webPageDetails\":{\"name\":\"{{pageName}}\",\"pageViews\":{\"value\":1}}},\"timestamp\":\"{{pageTimeStamp}}\",\"environment\":{\"browserDetails\":{\"userAgent\":\"{{pageUserAgent}}\",\"acceptLanguage\":\"{{customerLanguage}}\"}},\"{{aepTenantId}}\":{\"demoEnvironment\":{\"brandName\":\"{{brandName}}\",\"tms\":\"GTM\"},\"identification\":{\"core\":{\"gaid\":\"{{gaClientId}}\"}}}}}}","method":"POST","mode":"cors"});</script>

이제 구성이 다음과 같아야 합니다.

설치 시작

저장을 클릭하여 태그를 저장합니다.

설치 시작

9.5.5 - 태그 구성:모든 제품 페이지

Google 태그 관리자 메뉴에서 태그로 이동합니다.

설치 시작

새로 만들기를 클릭합니다.

설치 시작

첫 번째 태그가 모든 제품 페이지에서 실행됩니다.
이 태그의 이름으로 사용합니다 All Product Pages.

설치 시작

트리거를 클릭하여 만든 태그를 이 태그에 연결합니다.

설치 시작

트리거를 All Product Pages 선택합니다.

설치 시작

추가를 클릭하여 이 태그에 트리거를 추가합니다.

설치 시작

그런 다음 태그 구성을 클릭합니다.

설치 시작

메뉴에서 사용자 지정 HTML을 선택합니다.

이 코드를 태그에 붙여넣습니다.

<script>
console.log(">>>>> GA - All Product Pages - Sending Product View to DCS");

fetch("{{dcsStreamingEndpoint}}", {"credentials":"omit","headers":{"accept":"*/*","accept-language":"en,nl;q=0.9,en-US;q=0.8,en-GB;q=0.7,sv;q=0.6,it;q=0.5,fr;q=0.4,es;q=0.3,da;q=0.2,de;q=0.1","content-type":"application/json","sec-fetch-mode":"cors","sec-fetch-site":"cross-site"},"referrer":"{{pageUrl}}","referrerPolicy":"no-referrer-when-downgrade","body":"{\"header\":{\"datasetId\":\"{{eeDatasetId}}\",\"imsOrgId\":\"{{imsOrgId}}\",\"source\":{\"name\":\"GTM\"},\"schemaRef\":{\"id\":\"{{eeSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"body\":{\"xdmMeta\":{\"schemaRef\":{\"id\":\"{{eeSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"xdmEntity\":{\"_id\":\"{{pageHitId}}\",\"eventType\":\"GTM_productView\",\"web\":{\"webPageDetails\":{\"name\":\"{{pageName}}\"}},\"commerce\":{\"productViews\":{\"value\":1}},\"timestamp\":\"{{pageTimeStamp}}\",\"environment\":{\"browserDetails\":{\"userAgent\":\"{{pageUserAgent}}\",\"acceptLanguage\":\"{{customerLanguage}}\"}},\"identityMap\":{\"GOOGLE\":[{\"id\":\"{{gaClientId}}\"}]},\"productListItems\":[{\"SKU\":\"{{productName}}\",\"priceTotal\":{{productPrice}},\"quantity\":1,\"name\":\"{{productName}}\",\"product\":\"{{productImageUrl}}\",\"productAddMethod\":\"Desktop\",\"{{aepTenantId}}\":{\"core\":{\"imageURL\":\"{{productImageUrl}}\"}}}],\"{{aepTenantId}}\":{\"demoEnvironment\":{\"brandName\":\"{{brandName}}\",\"tms\":\"GTM\"},\"identification\":{\"core\":{\"gaid\":\"{{gaClientId}}\"}}}}}}","method":"POST","mode":"cors"});
</script>

이제 구성이 다음과 같아야 합니다.

설치 시작

저장을 클릭하여 태그를 저장합니다.

설치 시작

9.5.6 - 태그 구성:인증된 모든 페이지

Google 태그 관리자 메뉴에서 태그로 이동합니다.

설치 시작

새로 만들기를 클릭합니다.

설치 시작

첫 번째 태그가 인증된 모든 페이지에서 실행됩니다.
이 태그의 이름으로 사용합니다 All Authenticated Pages.

설치 시작

트리거를 클릭하여 만든 태그를 이 태그에 연결합니다.

설치 시작

트리거를 All Authenticated Pages 선택합니다.

설치 시작

추가를 클릭하여 이 태그에 트리거를 추가합니다.

설치 시작

그런 다음 태그 구성을 클릭합니다.

설치 시작

메뉴에서 사용자 지정 HTML을 선택합니다.

설치 시작

이 코드를 태그에 붙여넣습니다.

<script>
console.log(">>>>> GA - All Authenticated Pages - Sending PageView to DCS");

fetch("{{dcsStreamingEndpoint}}", {"credentials":"omit","headers":{"accept":"*/*","accept-language":"en,nl;q=0.9,en-US;q=0.8,en-GB;q=0.7,sv;q=0.6,it;q=0.5,fr;q=0.4,es;q=0.3,da;q=0.2,de;q=0.1","content-type":"application/json","sec-fetch-mode":"cors","sec-fetch-site":"cross-site"},"referrer":"{{pageUrl}}","referrerPolicy":"no-referrer-when-downgrade","body":"{\"header\":{\"datasetId\":\"{{profileDatasetId}}\",\"imsOrgId\":\"{{imsOrgId}}\",\"source\":{\"name\":\"GA\"},\"schemaRef\":{\"id\":\"{{profileSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"body\":{\"xdmMeta\":{\"schemaRef\":{\"id\":\"{{profileSchemaRef}}\",\"contentType\":\"application/vnd.adobe.xed-full+json;version=1\"}},\"xdmEntity\":{\"_id\":\"{{pageHitId}}\",\"_repo\":{\"createDate\":\"{{pageTimeStamp}}\"},\"person\":{\"name\":{\"lastName\":\"{{customerLastName}}\",\"firstName\":\"{{customerFirstName}}\"}},\"{{aepTenantId}}\":{\"identification\":{\"core\":{\"gaid\":\"{{gaClientId}}\",\"email\":\"{{customerEmail}}\",\"phoneNumber\":\"{{customerMobileNr}}\"}}}}}}","method":"POST","mode":"cors"});
</script>

이제 구성이 다음과 같아야 합니다.

설치 시작

저장을 클릭하여 태그를 저장합니다.

설치 시작

이제 다음 연습에서 구성을 게시할 수 있습니다.

다음 단계: 9.6 Google 태그 관리자 속성 게시

모듈 9로 돌아가기

모든 모듈로 돌아가기

이 페이지에서는