사용자 정의 javascript로 Page path에서 ID 자르기

Google 태그 관리자 (이하 GTM) 변수를 사용자 정의 자바 스크립트를 사용하여 직접 만드는 권.
이번에 하고 싶은 것은 URL에서 ID를 잘라 GTM의 변수로 하는 것.

예) htps : // 에어 mpぇ. 코 m/아리치ぇs/1234
위 URL의 '1234'라는 기사 ID를 변수로 만드는 방법입니다.

1. 내장 변수



GTM은 내장 변수를 제공하며 대부분의 것을 커버할 수 있습니다.
Click Element, Click Classes, Click ID, Page Path, Page URL 등
이 근처는 다루기 쉽고 잘 이용하는 변수입니다.

이러한 변수를 사용해, 커스텀 Javascript로 오리지날 변수를 만들어 버리는 것이 주제.
비 엔지니어가 쓰고 있으므로 부드럽고 따뜻하게 지켜주세요 ♪
WEB 엔지니어라면 슬러슬러 쓸 수 있겠지만, GTM을 이용하고 있는 WEB 운영자로 얼마나 많은 사람을 쓸 수 있을까...
구구도 나오지 않기 때문에 사내 비망록을 겸해 기사로 했습니다.

2. 사용자 정의 Javascript



GTM→변수→사용자 정의 변수의 「신규」→변수의 설정→사용자 정의 Javascript
그러면 아래 화면이 되어 자유롭게 코드를 작성할 수 있습니다.


여기에 다음 코드를 씁니다.

사용자 정의 Javascript
function(){
 var nowPath = {{Page Path}};
 var lastSlashPos = nowPath.lastIndexOf('/');
 return nowPath.substring(lastSlashPos + 1); 
}

아래 코드 설명.
예) htps : // 에아 mpぇ. 코 m/아리치 c㎇s/1234

두 번째 줄 {{Page Path}}은 GTM의 내장 변수입니다. 이것을 개조해 갑니다.
예제의 경우 Page Path는/articles/1234입니다.

세 번째 줄은 두 번째 줄에 정의 된 nowPath의 마지막 / 순서를 정의합니다.
예제의 경우 문자열의 10번째가 되므로 10입니다.

4행째는 2행째로 정의한 nowPath를 3행째로 계측한 수치+1 이후의 문자열을 잘라내고 있습니다.
예제의 경우/articles/1234의 11번째 이후 문자열을 잘라내고 있습니다.

이것을 articleID라고 명명해 주면 커스텀 변수의 완성.

좋은 웹페이지 즐겨찾기