Видео

blog.naver.com/rlaghlwns12 이 블로그에서 확인 하시면됩니다~!

@@twist_think 감사 감사요.

@@twist_think 공부 열심히 하겠습니다.

blog.naver.com/rlaghlwns12 이 블로그에서 확인 하시면됩니다~!

혹시 black03khs@gmail.com 으로 GA4와 GTM 초대 주시면 제가 봐드릴게요!

장바구니 담기 그리고 장바구니 보기 태그 설치 하셔야합니다! add_to_cart 관련 영상 있습니다!@

아마도 기본 변수에서 click class 나 click text 와 같은 기본 변수 사용 설정을 안하신거같아요.

요 부분은 관련 영상을 만들어서 보여드릴게요. 혹시 지금 세팅하는거 제가 먼저 봐드릴까요?

이벤트로 만드셔도되구요. 20% 50% 태그를 매개변수로 넣어서 하셔도됩니다.

첫번째 증상으로 GTM 에서 fired 되었는데 GA에 데이터가 안들어 간다는 것은 GA로 전송 하는 태그를 살펴봐야할거 같아요. black03khs@gmail.com 으로 초대와 메일 주시면 제가 좀 봐드리고 뭐가 문제인지 알려드릴게요!

@@twist_think 빠른 답변 정말 감사드립니다ㅠㅠㅠ 컨테이너 수정할 수 있게 해당 계정 권한요청드렸고 메임도 함께 전달드렸습니다!

@@twist_think 안녕하세요 회석님! gtm 수정해주신 것 확인하였고, 현재도 GA4에서 데이터가 잡히지 않아 GA4계정에도 회석님 계정 추가해드렸습니다 바쁘시겠지만 확인 한 번 부탁드리겠습니다! 또한 이메일로도 메일 보내드렸으니 확인해주시면 감사드리겠습니다!

GTM 으로 미리보기를 하고 한번 클릭해보셔요. 그럼 Link click 에서 어떤 값으로 잡아야하는지 나오실거에요~!

둘중 하나 택해서 넣으셔도됩니다. 둘다 값은 똑같을 거에요!

혹시 안되면 말해주세요~ 도와드릴게요

@@twist_think 답변 감사합니다! 어제 디버그 모드에서 제품 구매했을때 purchase 값이 잡힌걸로 오늘 ga4에서 확인이 되는데요, 다른 고객들이 구매하신건 구매 전환값으로 잡히지 않는건 어떤 이유일까요 ㅠㅠ

아~! 선생님 왠지.. 구글 애널리틱스 초대가 없고 구글 애즈만 있더라구요! 이거 GTM 으로 전환 설치를 별도로 할 수도 있고 구글 애널리틱스 설치를 하고 그걸 구글 애즈로 긁어 오는 방법 두가지 있습니다. 두가지 방법중 어떤걸 도와드릴까요

이게 ga4 가면서 이름이 바꼇다는데, 제가보기엔 구글 태그로 바꼈다는 말이 있네요.

구성 태그 변경 되었어요. 이거 제가 블로그에 글 써서 링크 하나드릴게요. 내일쯤에요!

혹시 제 메일로 권한 추가 해줄 수 있나요? 제가 봐드릴게요. black03khs@gmail.com 입니다.

@@twist_think 오와 감사합니다 선생님 ㅠㅠ 추가 해보겠습니다

@@twist_think 초대 드렸습니다. 그리고 구글애드 전환설치하는 방법이 이해가좀 안되는게 있습니다. ㅠㅠ

ㅎㅎ 1인 사이트 운영자라면~ 자동화는 필수이죠! 자동화 도 조만간 영상 만들어서 올릴게요! 영상봐주셔서 감사합니다!

예 방법은 있지만 개발이 좀 필요할거 같습니다. 혹시 카페24 쓰시는건가요?

카페24 스킨에 따라서 장바구니에 담을 때 수량을 못가져올 수도 있습니다. 어떤 상황인지 알려주시면 도와드릴게요~!

@@twist_think 답변 감사합니다! 블로그 내용대로 태그 구성 후에 미리보기를 통해 상세페이지에서 필수옵션 선택, 수량 증가 후 장바구니 클릭했는데 add_to_cart는 정상적으로 잡히고 ecom - 2 - add_to_cart - tag 태그도 정상적으로 실행됩니다. 근데 Variables에서는 (G) com - 2 - add_to_cart - quantity 맞춤 자바스크립트 string "1" 으로 뜹니다. value는 수량에 맞게 뜨고요 data Layer에서 quantity는 없습니다. 이렇게 알려드리면 혹시 이해가 되실까요?

function() { // "span_product_price_text" ID를 가진 요소에서 가격 텍스트를 가져옵니다. var priceText = document.getElementById('span_product_price_text').innerText; // 쉼표를 제거하여 숫자만 남기고, 문자열을 숫자로 변환합니다. var priceNumber = parseInt(priceText.replace(/,/g, ''), 10); // 변환된 숫자를 반환합니다. return priceNumber; } 이렇게 해보셔요~!

와오 빠른답변 감사합니다. 전혀 달랐네요^^;; 친절히 설명까지 덧붙여주셔서 감사해요!! @@twist_think

​@@twist_think 알려주신 gtm 확인 방법으로 정상작동하는지 확인했는데, 아이템네임이 undefined로 노출이 안되서 재문의드립니다. 사이트 내에 이름 부분 태그이구요. <h2 class="item_name">홀리</h2> class는 다르게 쓰는것 같아서 아래처럼 해봤는데 추출이 안되네요 제가 쓴 소스가 틀린건지.. 제눈에만 오타가 안보이는지..ㅜ 살펴봐주실 수 있을까요? function getTextFromSitTitle() { var element = document.getElementsById('item_name'); if (element) { return element.textContent || element.innerText; } return null; // 요소가 없거나 텍스트를 가져올 수 없을 때 null 반환 }

@@user-touyube function() { // "item_name" 클래스를 가진 요소를 찾습니다. var element = document.querySelector('.item_name'); if (element) { // 요소가 존재하면, 그 텍스트 내용을 반환합니다. return element.textContent.trim(); } return null; // 요소가 없을 경우 null을 반환합니다. } 이렇게 하셔야해요. 지금 코드 만드시는거보면 function getTextFromSitTitle() { 이렇게 시작하잖아요. 이건 function(함수) 가 getTextFromSitTitle 이 호출되야지만 변수에 담는 코드입니다. 즉, getTextFromSitTitle 호출이 안되면 코드가 작동을 안해서 변수에 값이 안담겨요! function (){ 이렇게 시작하면 어떤 호출 없이도 코드가 작동을 하기 때문에 페이지가 열리면 코드가 작동되어 변수를 담게 되어 있습니다~!

엇 그러면 선생님이 쓰신 getTextFromSitTitle() 이거는 어디서 호출해오는건가요? 선생님 코드도 function (){ 이렇게만써서도 불러올 수 있는건가요? @@twist_think

여러가지 이유가 있을 수 있는데 가장 많이 문제 되는 케이스가~ 장바구니 담는 버튼이 상세 페이지만 있는게 아니라 다른 여러 공간에 구성 되어 있을 수도 있구요. 모바일 장바구니 버튼이 잘 작동을 안하는 경우도 있습니다. 이는 쇼핑몰의 컨디션에 따라서 다르거든요! 한번 찾아 보시고 안되면 답글 달아 주세요. 도와드릴게요!

@@twist_think 답글 감사합니다. 말씀해주신 사항에서 장바구니 담는 버튼은 사이트 구조상 상품상세 페이지만 있는것 같아서 이벤트는 이 곳에서만 발생할 거 같습니다.ㅜ 쇼핑몰데이터는 카페24데이터와 비교했습니다. 1.모바일 장바구니 버튼이 잘 작동이 안된다는 것은 앱을 말씀하시는 건가요? 현재 반응형 웹으로 모두 웹에서 동작합니다. 2.모바일 웹 포함이라고 하면 어떤 이슈가 있을까요. 오차를 줄여야 신뢰성이 있을 것 같습니다. 3.추가 질문인데요. view_item(상품조회)에서 (not set) 발생하셨던 적이 있으셨나요? dom 로드시 적용했는데, 몇번은 not set으로 기록이 남았었습니다.

@@kjK-l8u view_item 에서 not set 이 나왔다는 것은 지금 변수가 다 안들어가서 데이터가 안들어가는거 같습니다. 그리고 모바일 버튼은 앱이 아니더라도 모바일 버전의 웹이 있다면 확인 해야하는데 지금 상황이 반응형이라 하시면 확인 안하셔도됩니다!

document.addEventListener("DOMContentLoaded", function() { // DOM이 로드되면 실행할 함수 }); 또는 window.onload = function() { // DOM이 로드되면 실행할 함수 }; 이걸로 해보셔요. 객체 관련된 에러 같아요. 그리고 만약 해결안되면 제 메일 관리자로 초대해 주시거나 캡쳐 해서 보여주시면 도와드릴게요!

준비해볼게요~!

요 댓글에 질문 주신 내용은 이해가 안됩니다. 조금 더 자세히 설명 주시면 답변 드릴게요!

{{ecom-0-items}} 는 초기에 만들어둔 변수이구요. ecommerce.items 의 값을 담는 태그 입니다. <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ "event": "view_item", "ecommerce": { "items": [{ "item_id": {{ecom - 1 - view_item - item_id}}, "item_name": {{ecom - 1 - view_item - item_name}}, "price": {{ecom - 1 - view_item - price}} }], "currency": "KRW" } }); </script> 이 태그가 view_item tag 인데요. 여기서 ecommerce 안에 있는 items 의 값들을 담는 다는 것을 의미합니다.

네 현재 세팅 한 웹의 컨디션이 구매완료 페이지가 없더라구요. 그래서 begin checkout 에서 구매 버튼을 완료로 트래킹 했습니다. 이는 어떻게 세팅하느냐에 따라서 달라 질 수 있는 요소 입니다. 문의 제출 이벤트 같은 경우 입력값을 올바르게 입력하지 않으면 버튼클릭을 해도 태그가 발동 안되게 세팅 할 수도 있습니다~!

네 제가 만든 코드들 중 0 << 들어가는것들은 어디에 가든 기본으로 넣는 코드입니다. 다만 개발자가 datalayer push 할때 형태에 따라서 달라질 수 있는데 구글이준 예제 코드대로 하면 문제 없이 공통으로 사용됩니다.

안녕하세요! 만약에 개발자에게 페이지에 심어달라고 요청을 한다면 개발자가 데이터레이어 함수를 심어주게 되고 데이터레이어 함수를 페이지내에 심으면서 변수들은 개발자가 처리 할거에요~! 그러니 저희는 view_item 을 실행하기 위한 태그 하나만 설정을 하면 정상 작동을 할거에요! (가끔 개발자들이 view_item 실행 태그도 설정을 바로 하는 경우도 있습니다. 이건 논의 한번 하셔야합니다.)

@@twist_think바쁘실텐데 친절한 답변 감사합니다!

GTM 이 설치가 잘 안되신거에요! hs-m3.com/ 에 글 남겨 주세요. 글 남겨주실때 스크린샷 남겨 주세요. 도와드릴게요. GTM 에 black03khs@gmail.com 관리자로 초대 가능하면 해주시면 더 확실하게 확인 해볼 수 있습니다.

@@twist_think 감사드립니다 ㅠㅠ

@@CheoldooKang 문제 없이 정상적으로 작동되는걸로 확인 됩니다. 태그매니저로 미리보기 했더니 정상적이고. 세팅하는것들 한번 봐봤는데 문제가 있더라구요. 보니까 ecom - 1 - view_item - items 에서 product_sales_price 가 잘못 되어 있습니다. 잘못되어있다라기 보다는 할인 제품이 없다보니 할인 금액이 없으니 product_price 로 변경을 해야합니다. 태그는 변경을 해뒀고 제출 누르면 트래킹 안되는 것들 자세하게 작동 할거에요!

@@twist_think 감사드립니다 제 미천한 지식에 한줄기 희망같은 존재십니다 ^^

헉.. 기본 변수 미리 해둬야하는데 제가 깜박 했네요. ruclips.net/video/D_Sli2INof0/видео.html 영상으로 만들었습니다. ecommerce.currency ecommerce.items ecommerce.shipping ecommerce.tax ecommerce.transaction_id ecommerce.value 요 6가지는 필수로 만드셔야합니다. 영상으로 잘 만들어놨습니다! 그리고 댓글을 지우신거 같은데 미리보기로 보이더라구요. 현재 어려움에 처하신게 홈페이지에서 주소/product/한글상품명/category/30/display/2 에서 30이라는 제품 id 를 담으시려는거 잖아요? function() { var path = window.location.pathname; var matches = path.match(/category\/(\d+)/); return matches ? matches[1] : undefined; } 이렇게 만들면 URL 경로에서 "category/" 다음에 오는 숫자 (예: 30) 을 수집 할 수 있습니다. ID 수집 할 수 있어요!

@@twist_think 친절한 답변 너무 감사합니다..내용참고해서 한번 더 도전해보고 막히는 부분 있으면 댓글 남길게요..제가 아직 좀 덜 알아본거같아서 댓글을 지웠던거였는데..신경써주셔서 감사합니다!!

@@twist_think 추가적으로 주소가 /product/한글상품명/category/30/display/2가 아니라 /product/한글상품명/28/category/30/display/2 이렇게 item_id가 /category 앞에 있었네요 ㅜㅜ 우선 제가 전체적으로 기본 변수 세팅이랑 다 진행해보고 새로 해보겠습니다!! 늦은 시간 감사합니다!!

function() { var path = window.location.pathname; var matches = path.match(/product\/[^\/]+\/(\d+)/); return matches ? matches[1] : undefined; } 정규식으로 이렇게 하시면될거같아요. URL에서 "/product/한글상품명/" 다음에 오는 숫자 값 가져오는거에요

참고할게요!

도움이 되셨다니 다행입니다.

[보고서] - [참여도] - [이벤트] 에서 확인 할 수 있습니다. 이 주제로 영상 하나 만들게요! 댓글 아주 아주 힘이나네요! 그리고 아마도 GA4 보고서에서 보는건 한계가 있을거에요~! Looker studio 에서 확인 할 수 있는 방법도 영상으로 빠른 시일내에 업로드 할게요~!

@@twist_think 아마 구독자분들이 댓글을 달지 않았을 뿐 저와 같은 마음일거라 생각이 듭니다^^ 감사합니다!

@@twist_think 혹시 너무 초보라 참여도를 찾지 못했는데 메일로 캡쳐 보내드렸거든요 확익 부탁드려도 될까요?ㅠ

@@htjason 메일 확인 했습니다. 절 GA4 관리자와 GTM 초대해주시면 제가 세팅좀 봐드리고 분석좀 해드릴게요 ㅎㅎㅎ

@@현태김-l9b 감사합니다! 영상 많이 만들어 올릴게요!!!!!!

시청 감사합니다

도움이 되셨다니 다행입니다.

도움이 되셨다니 다행입니다.