Jaddong's Lab

최근 업데이트 2019-10-16 장바구니에 상품들이 담겨져있을 때 상품들을 장바구니에서 제거하는 이벤트를 측정해봅니다. 아래와 같이 장바구니에서 상품을 제거하는 경로는 두 가지입니다. (1) 장바구니 전체 비우기(make empty == remove all products) (2) 장바구니에서 선택한 상품 삭제하기(remove some products selected) [장바구니 비우기] 버튼과 [선택상품 삭제]버튼에 심어봅시다. 전 단계는 아래 링크에서 확인할 수 있습니다. STEP5. 장바구니에 담기 측정하기(Tracking adds to cart) STEP4. 상품 상세페이지 조회 측정하기(Tracking product detail views) STEP3. 상품 클릭 측정하기(Measuring P..

최근 업데이트 2019-10-14 이번에는 장바구니에 담기 이벤트를 측정해봅시다. 보통 상품 상세페이지에서 수량을 선택한 후 [장바구니에 담기]를 클릭하거나 [바로 구매]클릭하는 순서로 구매가 시작됩니다. 그래서 [장바구니에 담기]라는 버튼에 이벤트를 심고, 태그가 발동되도록 해봅시다. + [바로 구매] 버튼도 상품을 장바구니에 추가한 후, 장바구니 리스트 페이지를 건너 뛴 후 주문서 작성페이지로 바로 넘어가는 기능이기때문에 [바로 구매]버튼에도 장바구니에 담기 이벤트가 추가되어야되지 않나 라는 생각이 나중에 들어서 해당 버튼에서 추가했습니다....! [장바구니에 담기] 버튼과 [바로 구매]버튼에 심어봅시다. 전 단계는아래 링크에서 확인할 수 있습니다. STEP4. 상품 상세페이지 조회 측정하기(Trac..

최근 업데이트 2019-10-04 이번에는 상품 상세페이지 조회수를 측정해봅니다. 보통 상품리스트에서 상품을 클릭해서 상품상세페이지로 들어가기때문에, 저번 STEP 3 과 측정이 유사할 것입니다. 사실 상품리스트에서 상품을 클릭하면 상세페이지로 들어가기때문에 "상품클릭"과 "상세페이지 조회" 두 가지가 같은 것이 아닌가? 라는 생각을 했었는데, "상품클릭"은 정말 단순히 상품리스트에서 클릭하는 행동을 측정하는 것이고! 이번에 하려는 "상세페이지 조회"은 페이지가 로드되는 것을 측정하는 것입니다. 예로 한 상품의 상세페이지에서 새로고침을 하거나, 해당 url로 직접 접속을 하게 되는 경우는 "상세페이지 조회"가 일어나고, "상품클릭"은 일어나지 않는 것이죠. 그래서 차이가 있긴 합니다. 전 단계는아래 링크..

최근 업데이트 2019-08-28 상품 노출 측정은 두 가지로 방법으로 나눠집니다. 1. 상품리스트 페이지에 들어갔을 때 2. 상품 상세 페이지로 들어가기위해 상품을 클릭했을 때 이번에는 2번! 상품상세 페이지로 들어가기 위해 상품을 클릭했을 때 이벤트를 전송하는 걸 해봅시다. 전 단계는아래 링크에서 확인할 수 있습니다. STEP2. 상품 노출 측정하기(Measuring Product Impressions View) STEP1. 기본 셋팅 및 모든페이지뷰 태그만들기 1. 카페24 소스에 스크립트 추가하기 1) 아래와 같이 상품리스트 html 페이지의 하단에 스크립트를 삽입합니다. STEP2에서 상품 노출을 측정을 위한 스크립트 아래에 이어서 작성하면 됩니다. a 태그를 클릭하는 요소가 [상품이미지]와 [..

최근 업데이트 2019-08-29 스크립트 소스 일부분 변경, 태그와 트리거 생성하는 이미지 교체 상품 노출 측정은 두 가지로 방법으로 나눠집니다. 1. 상품리스트 페이지에 들어갔을 때 2. 상품 상세 페이지로 들어가기위해 상품을 클릭했을 때 우선 1번, 상품리스트 페이지에 들어갔을 때 보여지는 상품들을 모아 이벤트를 전송하는 걸 해보려합니다. STEP1 은 아래 링크에서 확인할 수 있습니다. STEP1. 기본 셋팅 및 모든페이지뷰 태그만들기 1. 카페24 소스에 스크립트 추가하기 1) 아래와 같이 상품리스트 html 페이지의 하단에 스크립트를 삽입합니다. 자세한 스크립트문(조건문, 반복문 등)은 쇼핑몰에 따라 달라질 수 있습니다. 상품리스트 페이지에 들어가면 있는 상품 정보 리스트를 담아서 보내는 스크..

최근 업데이트 2019-08-02 구글태그매니저의 향상된 전자상거래( Enhanced Ecommerce )에 대한 정확한 정보가 충분하지 않아 개인적으로 끄적이면서 공부중에 있습니다. 하나씩 테스트하면서 작성 중에 있기 때문에 잘못된 내용이 있을 수 있고, 만약 있다면 댓글주셔서 내용을 공유할 수 있으면 감사하겠습니다. 모든 내용은 구글 태그매니저 가이드를 참조하여 작성하고 있습니다. 0. 구글 태그 매니저(Google Tag Manager), 구글 애널리틱스 (Google Analytics)계정 생성합니다. ( 자세한 내용 생략 ) 구글 태그매니저 링크 : https://tagmanager.google.com/ 구글 애널리틱스 링크 : https://analytics.google.com/ 1. 구글 애..

VSCode에서 Xampp로 php 파일 브라우저에 띄우기 : How to run php file in visual studio code with xampp Xampp 설치가 완료된 이후의 내용입니다. 1. C:\xampp\htdocs 안에 프로젝트 폴더 만들기 - xampp 폴더는 설치시 위치가 다양하겠지만, 프로젝트들이 xampp\htdocs 폴더 안에 있어야 합니다. - 저는 test라는 프로젝트 폴더를 만들었습니다. - C:\xampp\htdocs\test 3. 상단 메뉴에서 Terminal > Configure Default Build Task >Open task.json file 클릭 4. task.json 파일 자동으로 생성됨 5. 위의 task.json 내용 아래와 같이 작성한 후 저장 -..

| 에어팟이랑 노트북 연결하기!! 1. 아이폰을 쓰신다면, 아이폰과 연결을 끊어주세요.(블루투스 끄기) 2. 에어팟 케이스를 빼주세요. (뒤에 버튼을 눌러야 하기 때문에) 3. 노트북에서 블루투스 기능을 켜주세요. 4. [ Bluetooth 또는 기타 디바이스 추가 ] 클릭 5. 뜨는 팝업 창에서 추가할 디바이스 유형에서 첫번째에 있는 [ Bluetooth ]를 선택해주세요. 6. 에어팟을 노트북 키보드 위에 놓고(가까이 놓고) 뒤에 있는 작은 동그라미 버튼을 약 3초간 눌러주세요. 7. 그러면 주위에 있는 디바이스들이 뜨는데, 저는 "헤드셋" 이라는 이름으로 떠서 연결을 했습니다. 8. 연결이 완료되면 오디오 섹션에 에어팟의 이름이 뜹니다. 그럼 완료!

글은 조금씩 쓰고 있었는데, 완성되지 않아서 비공개로 해놨다가 공개로 돌리는 형식으로 하고 있다.(라고 귀차니즘을 포장해본다.....) 2019/04/14 - [Developer/Tools] - VSCode로 갈아타기_1 : 설치방법 이번에는 저번 VSCode 설치( 위의 링크 참고! )에 이어 확장 플러그인 설치를 해봅니다. 이것 저것 써보면서 나에게 맞는 것들을 골라서 설치하면 좋지만, 조금은....귀찮고 이미 좋은 블로그(https://junhobaik.github.io/vsc-plugin-list/)가 많기 때문에 참고해서 설치해봤습니다. 기본적이라고 생각하는 것들을 설치했고, 추가적인 플러그인들이나 후기는 나중에 업데이트 해나갈까합니다. VSCode를 키고! 왼쪽 세로 메뉴에서 네모난 아이콘(E..

난 처음에 에디터 플러스로 마크업을 배우기 시작했고, 그 이후에는 아톰을 잠깐 거치고 작년 이맘 때쯤 학생계정이 있어서 WebStrom 웹스톰을 지금까지 무료로 사용해오고 있다. 하지만, 1년 간의 무료가 곧 끝난다ㅠㅠ!! 그래서 다른 에디터를 찾게되었다. 웹스톰을 이어서 쓰고 싶단 생각도 있지만, 우선 돈이 든다는 점이 단점이었고, 한편으론 다른 에디터를 써보고 싶기도 했다. 스택오버플로우 조사(https://www.software.com/review/ranking-the-top-5-code-editors-2019)에 따르면 VSCode가 빠르게 힛업하고있다는 자료를 접했다. 물론 사용해봐야 알겠지만, 괜히 많이 쓴다니까 궁금해서.... 써보도록 한다 (⁄ ⁄•⁄ω⁄•⁄ ⁄) 1. 설치방법 https:..