Google 애널리틱스 맞춤 변수에 자바 스크립트를 사용하여 페이지 텍스트 가져 오기

내 Google 애널리틱스 맞춤 변수 내에서 사용하기 위해 자바 스크립트 코드에 "Personenverzorging"및 "Gespecialiseerde voetverzorging"텍스트를 캡처하고 싶습니다.Google 애널리틱스 맞춤 변수에 자바 스크립트를 사용하여 페이지 텍스트 가져 오기

이 텍스트는 모든 페이지에서 바뀌므로 자바 스크립트는 정확한 용어를 검색 할 수 없지만 HTML 태그 내에서 검색 할 위치를 알아야합니다.

<div class="views-field views-field-name"> 
    <span class="field-content"><a href="/opleidingen?f%5B0%5D=field_taxonomy_sector%3A23">Personenverzorging</a></span> 
    </div> 

    <div class="views-field views-field-name-2"> 
    <span class="field-content"><a href="/opleidingen?f%5B0%5D=field_taxonomy_sector%3A84">Gespecialiseerde voetverzorging</a></span> 
    </div>

이 내가 구글 Tagmanager를 사용하여 내 웹 사이트에 구현하기 위하여려고하고있다 Google 웹 로그 분석 코드입니다.

_gaq.push(['_setCustomVar', 
      2,     // This custom var is set to slot #2. Required parameter. 
      'Sub-Section',  // The 2nd-level name for your online content categories. Required parameter. 
      'Fashion',   // Sets the value of "Sub-section" to "Fashion" for this particular article. Required parameter. 
      3     // Sets the scope to page-level. Optional parameter. 
     ]);

하위 섹션은 "gespecialiseerde voetverzorging"에 의해 "Personenverzorging"패션으로 교체해야합니다.

이것은 내가 가지고있는 코드입니다. 그러나 그것은 효과가 없습니다. 누군가 나를 올바른 방향으로 인도 할 수 있습니까?

페이지 내 유일한 클래스가 views-field-name이기 때문에 와일드 카드를 사용할 수 있습니까?

var elements = document.getElementsByClassName("views-field-name-*"); 

var string; 
string = "'_setCustomVar',1" 

for (var i = 0; i < elements.length; i++) {  
    string = string + ","+ elements[1].innerText; 
    string = elements[1].innerText; 
    document.write(elements[1].innerText); 
}

감사합니다. 도와 주셔서 감사합니다.

출처

2014-03-13 Christoph

Google 태그 관리자를 사용하는 경우 dataLayer을 사용하여 dataLayer 변수를 사용하여 페이지 요소를 전달합니다. 그것은 페이지에서 페이지로 훨씬 더 일관성있게 될 것입니다. Google 태그 관리자가 수행 할 작업을 분류합니다.

예를 들어 네덜란드어 나 사이트 계층을 이해할 수 없으므로 '하위 섹션'과 '패션'을 사용하겠습니다.하지만이 방법을 사용하면 시작할 수 있습니다.

1) 두 개의 새로운 dataLayer 변수 인 Marcros를 만듭니다. 하나는 Sub-section 용이고 하나는 sub-sub-section 용입니다.

subSection 및 subSubSection과 같은 항목을 호출하고 해당 항목이 dataLayer의 버전 1인지 확인하십시오.

enter image description here

2 ) 웹 사이트에 데이터 영역 개체를 추가합니다. 그것은 다음과 비슷한 모습이 될 것입니다

<head> 

dataLayer = [{ 
    'subSection': 'Personenverzorging', 
    'subSubSection': 'gespecialiseerde voetverzorging' 
}]; 

</head> 
<body> 
GTM CONTAINER CODE 
</body>

3) 이제, '하위'와 CMS의 글로벌 변수를 사용하여 '아래 아래 절'모두 원하는 값을 전파. 이것은 서버 측에서 발생해야합니다. 따라서 페이지가로드되면 값이 표시됩니다.

4) 값이 전달되면 (페이지의 소스 코드를 보거나 개발 콘솔에서 dataLayer를 입력하여 개체를 검사 할 수 있음) 이제 맞춤 변수를 설정할 준비가되었습니다.

CV가 모든 페이지에서 실행되기를 원할 것입니다. GTM으로 돌아가 Google 애널리틱스 페이지 뷰 추적 유형으로 이동 한 다음 추가 설정> 맞춤 변수> 새 맞춤 변수로 이동합니다.

새 맞춤 변수를 만들려면 subSection에 하나, subSubSection에 하나를 추가해야합니다. 슬롯 (1-5)을 선택하고 Sub Section과 같은 이름을 추가 한 다음 값에 대해 building-block을 클릭하고 {{subSection}} 매크로를 선택한 다음 범위를 설정합니다. 컨테이너를 게시하고 GA에서 데이터를 봅니다.

출처

2014-03-13 15:28:01 Blexy

감사합니다.이것이 올바른 방법이라고 생각합니다. – Christoph

데이터 레이어를 추가하기가 어렵다면 어떻게해야합니까? –

@StephenBrown, 추적하려는 대상에 따라 맞춤 자바 스크립트 매크로를 사용할 수 있으며 일부 자바 스크립트, 요소, 텍스트 등을 GA에서 사용할 수 있습니다. – Blexy

Google 애널리틱스 맞춤 변수에 자바 스크립트를 사용하여 페이지 텍스트 가져 오기

답변

관련 문제