구글태그매니저 카페24 치환코드 사용법 질문드립니다.

Question

안녕하세요 저는 마케터인데 회사에 개발자가 없어서 오키 커뮤니티에 문의드리게 됐습니다.개발자 분들중에 구글태그매니저나 구글애널리틱스에서 전자상거래 설치해 보신분들이 계실것 같아서요저는 GTM으로 페북, GA 태그 다 관리하고 있는데 전자상거래는 카페24 치환코드때매 조금 애먹고 있습니다. 아래 코드를 product detail 페이지에서 트리거 되게 하려고 하는데 변수에 해당하는 값이 그대로 미리보기에 나옵니다. ' ' 없이하면 치환코드 시작되는 {나 $ 때문에 GTM에서 미리보기 저장이 안되구요 혹시 해당 업무 경험이 있으신 분이 계시면 도움을 받고 싶습니다. 감사합니다.

임종 · Answer

반년도 더된글이라 해결하셨거나 퇴사하셨겠지만(?) 마침 치환코드 때문에 검색하다 발견하여 답변드립니다결론부터 말씀드리면 cafe24의 편집기에 쓰시는게 아니면 치환태그는 동작하지 않습니다. 마케터라고 하셨으니 간단하게 설명하면 카페24의 편집기는 편집기에 입력된 코드를 토대로 HTML파일을 작성해주는 역할을 합니다. 편집기에 치환코드가 들어있으면 그 치환코드가 스크립트영역이든 HTML영역이든 저장된 값으로 무조건 &#34;치환&#34; 해줍니다.말이 좀 이상하니 예를 들어드리면 스크립트내에서 &#34;{$name}&#34; 라고 적었는데 상품명이 XX타이어 15&#34; 라고 저장해놓았다면 실제 코드는 &#34;XX타이어 15&#34; &#34; 가 되어 syntax 에러가 발생합니다. 해보진않았지만 만약 상품명이 console.log면 {$name}('test'); 라는 코드도 동작할겁니다. 이 예시는 치환코드가 html보다 먼저 동작한다는걸 말씀드리려는 이유이니 제가 적은 글로 이해가 안되시면 예시부분은 그냥 넘어가세요 :)그리고 GTM은 이미 작성된 HTML파일을 수정하는 역할을 합니다. HTML과 script베이스로 동작하다보니 당연히 문법을 따라야 하지요. 그래서 위의 코드에서 ' '를 제외하면 에러가 발생하는 것 입니다.요약하면 cafe24편집기 -> HTML작성 -> GTM -> HTML재작성 순서로 동작한다고 보시면 되는데 치환코드는 카페24에서만 동작하고 순서상으로 GTM이 가장 마지막에 있기 때문에 위에 GTM으로 삽입한 치환코드는 원래의 javascript문법에 따라 텍스트로 인식되는것입니다.이걸 해결하시려면 GTM으로작성된 {$name}부분을 javascript 혹은 jquery를 이용해서 대체하시거나 cafe24편집기를 사용하셔야 합니다.

구글태그매니저 카페24 치환코드 사용법 질문드립니다.

1개의 답변

Q&A 목록