Jaddong's Lab

최근 업데이트 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 내용 아래와 같이 작성한 후 저장 -..

글은 조금씩 쓰고 있었는데, 완성되지 않아서 비공개로 해놨다가 공개로 돌리는 형식으로 하고 있다.(라고 귀차니즘을 포장해본다.....) 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:..

웹프론트엔드와 관련된 외부행사 검색 중 네이버 테크 콘서트 를 알게 되었습니다:) 네이버에서 하는 DEVIEW 2018에 갔었는데, 흥미롭긴 했지만 저에겐 다소 이해하기 어려운 세션들이 많았던 걸로 기억합니다. 그런데, 이번에 하는 테크 콘서트는 주니어 개발자에게 적합한 컨텐츠를 소개하고 있는 것 같아서 참가 신청 후 당첨되어 방문하게 되었습니다. # 네이버 테크콘서트 소개와 참가신청 네이터 테크 콘서트는 작년 2018년이 처음이었고, 올해 2회차입니다. 작년에는 라는 제목으로 안드로이드 관련 세미나를 했었고, 올해는 프론트엔드 개발자가 함께 IT개발 노하우와 경험을 공유하는 자리가 마련되었습니다. 매년 주제가 바뀌는 것을 보니 트렌드나 흐름에 맞춰 콘서트의 주제를 선택하는 것 같아 제목만으로도 흥미를 ..