본문 바로가기
반응형

분류 전체보기

구글 애즈 자동태깅 설정하는 방법 (구글애즈, 구글애널리틱스 셋팅) 자동 태그 추가 기능은 Google Ads 에서 광고를 집행할 때 랜딩 URL에 우리가 직접 UTM 코드를 달지 않아도 자동으로 태깅해주어 구글애널리틱스에서 전환 데이터를 볼 수 있게 주는 기능이다 구글애즈와 구글 애널리틱스 두 곳에서 셋팅 해줘야한다. 구글애즈에서 셋팅하는 방법 모든캠페인 -> 설정 -> 계정설정 -> 자동 태그 추가 애널리틱스에서 셋팅하는 방법 관리 -> 속성 설정 -> 고급 설정에서 수동 태그 추가(UTM 값)를 자동 태그 추가(GCLID 값)보다 우선 적용 설정 마케팅커벨의 퍼포먼스 마케팅 온라인 강의 https://marketinkerbell.liveklass.com/classes 2022. 6. 24.
엑셀에서 JSON 파일 불러오기 (DB에서 추출한 CSV 마지막 숫자 0으로 바뀌는 문제) DB 에서 데이터를 추출하려고 할 때 다운 받을 수 있는 형식이 JSON or CSV 만 지원해 주는 경우 , CSV 다운받았을때 주문번호 같은 경우는 맨 뒤에 숫자가 0으로 전부 바뀌어서 다운로드 된다 CSV 를 다운받은 경우 아래 화면 처럼 주문번호 끝이 0이 아닌데 전부 0으로 바뀐것을 볼 수 있다. 어떻게 해야 원 주문번호 그대로 파일을 다운 받을 수 있을까? 일단 JSON 파일로 다운 받으면 모든 주문번호가 제대로 잘 살아있다. DB 에서 JSON 파일을 다운 받은 후 엑셀에서 열면 주문 번호 살아있는 채로 파일 형식으로 볼 수 있다. 엑셀 -> 데이터 -> 데이터 가져오기 -> 파일에서 -> JSON에서 미리 준비해 둔 json 파일 선택해서 가져오기 아래와 같은 화면이 뜨면 "테이블로" 클릭.. 2022. 6. 20.
[QuickSight] 2. 분석, 대시보드 만들기 AWS 퀵사이트 두번째 글 - 분석, 대시보드 만들기 퀵사이트에서 데이터세트를 생성했다면, 생성한 데이터세트들을 가지고 분석을 생성할 차례. 분석 생성하기 왼쪽 메뉴에서 "분석" -> 화면 우측 상단에 "새 분석" 클릭 왼쪽 상단에 데이터 세트 연필 아이콘 클릭 해서 데이터 세트 추가 추가할 데이터세트 선택 후 "데이터 세트 추가" 버튼 클릭 왼쪽 상단에 추가 버튼 -> 시각적 객체 추가 선택하면, 방금 불러온 데이터 세트를 가지고 시각적 객체를 만들 수 있다. 여러가지 시각적 객체 유형 중 원하는 것으로 하나 선택 하기 표를 만들 수 도 있고, 라인차트를 만들 수 도 있고 다양한 유형이 있다. 필드 목록에서 컬럼을 선택해서 그룹화 기준이나 값 쪽에 넣어주어 시각적 객체를 완성한다 시각적 객체마다 톱니바.. 2022. 6. 14.
티스토리 블로그 SEO 최적화 6가지 방법 & 검색엔진에 등록 방법 (구글,네이버,줌) 티스토리 블로그로 애드센스 수익을 내기 위해서 SEO 점수를 잘 받아야 하는데요, 그러기 위해 검색엔진 검색결과에 상위노출 되도록 티스토리 환경을 세팅해 둬야 합니다. 그 방법을 알려드리겠습니다. 티스토리 블로그 SEO 최적화 하기 최적화를 위한 티스토리 셋팅사항 (6가지) 구글, 네이버, 줌 검색결과에 나오도록 작업하는 방법 (RSS, Sitemap) 최적화를 위한 티스토리 셋팅사항 (6가지) 1. 꾸미기 -> 사이드바 에서 사이드바 전부 지움 ("카테고리" 정도 남겨둡니다) 태그, 방명록, 방문자, 댓글 등은 내 블로그의 정보들만 노출 될 뿐 도움 될 것이 없어서 지웁니다. 2. 꾸미기 -> 모바일 에서 티스토리 모바일웹 자동 연결을 "사용하지 않습니다" 로 설정 pc, mobile 반응형 스킨을 사.. 2022. 6. 14.
[SQL] 전월 동일 시점 누적 데이터 비교 쿼리문(ft. Line Chart) 테이블명과 컬럼명은 회사마다 다릅니다. SQL 도 DBMS 에 따라 조금씩 표현 방법이 다릅니다. 어떤식으로 쿼리문을 작성하면 되는지 이해하며 보시고 상황에 맞게 수정해서 사용해보세요 :) 전월 동일 시점 누적 데이터 비교 = 전월 같은 날 까지의 누적 데이터 비교 예를들어 오늘이 22.06.13 이고, 22.06.01 ~ 22.06.12 사이의 누적 주문 데이터와 22.05.01 ~ 22.05.12 사이의 누적 주문 데이터를 비교해 보고 싶을 때 , (아직 오늘 데이터는 변하는 중이니까 어제까지의 데이터로 비교해보겠다) 즉 같은말로, 이번달 1일부터 어제까지의 누적주문 금액과 전월 1일부터 전월 동일 까지의 누적 금액을 비교해 보고 싶을 때 , 아래와 같은 쿼리문을 작성해주면 비교해 볼 수 있다. SE.. 2022. 6. 13.
GTM - 클릭 이벤트 설정 방법 (배너클릭, 버튼클릭 등) GTM (Google Tag Manager) 을 통해 웹사이트에서 배너 클릭, 버튼클릭 등 클릭행동을 트래킹 하고싶을때, 셋팅하는 방법 태그, 트리거 셋팅하는 방법 태그만들기 트리거 만들기 CSS Element 찾는 2가지 방법 이렇게 만든 클릭 이벤트 데이터는 어디서 확인하나? GTM 에서 태그 생성시 이벤트 매개변수를 추가 할 경우 배너클릭이나 버튼클릭이나 pc 나 mobile 이나 방법은 비슷하다. 우선 클릭 데이터가 전송 되게 할 "상황"을 정해야 한다. ( = 트리거를 정한다) 내 사이트에 방문한 유저가 메인 배너를 클릭했을 때, 상세 페이지에서 좋아요 버튼을 클릭했을 때 , 이런 상황들을 "트리거" 라고 한다. 이 글에선 홈화면으로 가는 "로고" 를 클릭하는 상황을 트리거로 발동되게 해서 ho.. 2022. 6. 9.
GTM - 스크롤 이벤트 설정 방법 (ft. 스크롤 위치 픽셀값 알아내는 방법) 구글 태그매니저(Google Tag Manager)를 통해 웹사이트에서 스크롤을 어디까지 내렸는지 트래킹 하고 싶을때, 셋팅하는 방법에 대해서 알아보겠습니다. 우선은 스크롤이 어디까지 내려왔을 때 트리거가 발동되게 할건지 정해야 하기 때문에, 스크롤이 어디 까지 내려왔는지 그 위치의 절대적인 위치인 "픽셀값"을 알아야 합니다. 스크롤 위치 픽셀값 알아내는 방법 스크롤 위치를 트래킹할 페이지에서 개발자 도구를 엽니다. ctrl + shift + i 또는 마우스 우클릭 -> 검사 개발자 도구가 열리면 Console 클릭 스크롤을 원하는 위치에다가 두고, Console 창 아래쪽에 텍스트 입력할 수 있는 곳에 이렇게 입력한 후 엔터를 쳐보세요 $(document).scrollTop() 그럼 스크롤의 상단 부분.. 2022. 5. 27.
[SQL] 월별 방문자수(UV), 월별 가입수 쿼리문 [SQL] 월별 방문자수(UV), 월별 가입수 쿼리문 테이블명과 컬럼명은 회사마다 다릅니다. SQL 도 DBMS 에 따라 조금씩 표현 방법이 다릅니다. 어떤식으로 쿼리문을 작성하면 되는지 이해하며 보시고 상황에 맞게 수정해서 사용해보세요 :) 월별방문자수 (UV - UniqueVisit) SELECT LEFT(vi_date,7) AS month ,COUNT(DISTINCT vi_ip) AS uv FROM visit WHERE vi_date BETWEEN '2021-01-01' AND 'current_date' AND LEFT(vi_ip,9) !='11.11.100' -- 회사 IP 제외 GROUP BY LEFT(vi_date,7) ORDER BY month ASC SELECT LEFT(vi_date,7).. 2022. 5. 27.
[SQL] 상품등록 후 최초 30일 판매 데이터 쿼리문 테이블명과 컬럼명은 회사마다 다릅니다. SQL 도 DBMS 에 따라 조금씩 표현 방법이 다릅니다. 어떤식으로 쿼리문을 작성하면 되는지 이해하며 보시고 상황에 맞게 수정해서 사용해보세요 :) 상품등록 후 최초 30일 판매 데이터 SELECT it.s2_product_code AS SKU ,it.it_name AS product_name ,it_time AS register_date --,DATEDIFF(day, it_time, current_date) AS after_reg_date -- 상품등록한지 몇일 지났는지 ,SUM(ct.ct_qty) AS first_30days_od_qty ,SUM(ct.ct_price * ct.ct_qty) AS first_30days_od_price FROM shop_orde.. 2022. 5. 27.
[QuickSight] 1. 쿼리문으로 데이터세트 생성하기 AWS 퀵사이트 첫번째 글 - 쿼리문으로 데이터세트 생성하기 제 블로그 AWS QuickSight 카테고리에, AWS 퀵사이트 대시보드 만드는 과정을 상세하게 포스팅하겠습니다 :) 퀵사이트 대시보드를 제작하기 위해서는, 대시보드에서 표 or 차트 등을 만들어서 보여줄 데이터 세트를 생성하는 작업이 선행되어야 합니다. 퀵사이트 대시보드를 제작하는 큰 과정은 "데이터 세트 생성" -> "분석 생성" -> "대시보드 생성" 이 순서로 진행됩니다. 우선 이번 글에서는 데이터세트 생성하는 방법을 알아보겠습니다. 1. 쿼리문으로 데이터세트 생성하기 1) 퀵사이트에 로그인 한 후 왼쪽 메뉴에서 "데이터 세트" -> 오른쪽 상단에 "새 데이터 세트" 버튼 클릭 2) 데이터 연결할 원본 선택하면 되는데 저희 회사에서는 .. 2022. 5. 27.
티몬 글씨체 무료다운 (티몬 몬소리체, 티몬 티움) 티몬 글씨체 무료다운받기 (글 하단 첨부파일) 라이선스 티몬 Tium, Monsori 체의 지적 재산권은 티몬에게 있으며, 오픈 라이선스로 상업용으로도 자유롭게 수정하고 재배포 가능합니다. 라이선스 요약표 (사용 범위가 어디든 모두 허용한다는 내용) 티몬 몬소리체 티몬 티움체 티몬 공식설명에 의하면 티움체는 영문 전용 글꼴이라고 하네요! 👇윈도우(windows)용 티몬 몬소리체 다운로드👇 👇맥(mac)용 티몬 몬소리체 다운로드👇 👇윈도우(windows)용 티몬 티움체 다운로드👇 2022. 5. 8.
티스토리에 링크 버튼 서식 만들기 CSS, HTML 링크 버튼 CSS 적용하기 1. 우선 버튼 디자인 고르면 HTML 과 CSS 코드를 주는 사이트에 접속한다. 👉버튼 디자인 사이트👈 👆이 링크 버튼 만드는 방법 알려드리는 거에요 :) (버튼은 모바일 화면에선 안보이고 PC화면에서만 보임) 2. 여러 템플릿들 중에 맘에 드는 것을 하나 선택한다. 3. Get Code 버튼을 누른다. 그럼 옆에 html 코드와 css 코드가 등장한다. 4. 일단 아래 네모친 부분만 복사해서 티스토리 관리 페이지 -> 스킨편집 -> html 편집 -> CSS 로 들어가 붙여넣기 한다. 이 CSS 화면에 빈 곳에 붙여넣기 해주고 적용 버튼 눌러준다. 링크 버튼 서식 만들기 이렇게 만든 것을 서식을 만들어서 그때그때 글쓸때마다 쉽게 사용할 수 있게 하자. 1. 서식관리에 들어가.. 2022. 4. 29.
파일, 폴더(디렉토리) 다루는 커맨드 - cat, less, head, tail, mv, cp, rm 이번 글에서는 cat, less, head, tail, mv, cp, rm 커맨드의 사용법과 예시를 설명하겠습니다. pwd, cd, ls, mkdir, touch 커맨드는 아래에서 확인해보세요! 👉파일, 폴더(디렉토리) 다루는 커맨드 - pwd, cd, ls, mkdir, touch 👈 cat (concatenate) 지정한 파일들의 내용을 출력해 보여줍니다. 파일이 여러 개인 경우엔 내용을 아래로 쭉 붙여서 출력해줍니다. 사용법: cat PATH1 PATH2 ... 사용 예: cat file1.txt cat file1.txt file2.txt less PATH에 해당하는 파일의 내용을 페이지 단위로 나눠서 출력해줍니다. 사용법: less PATH 사용 예: less file1.txt 페이지 이동 단축키.. 2022. 4. 29.
CSS - margin & padding 차이점, 사용법 Padding과 Margin의 차이 Padding과 Margin은 자칫 헷갈릴 수 있는 개념이기 때문에 차이를 정확히 알아봅시다. 요소는 아래 그림 처럼 내용(content), 패딩(padding), 테두리(border)로 이루어져 있습니다. 파란 부분이 내용이고, 초록색 부분이 패딩, 그 밖에가 테두리입니다. 패딩(Padding)은 내용(파란부분)과 테두리 사이의 '여유 공간' 입니다. border 까지가 요소이고, Margin은 요소 주위의 여백입니다. 다른 요소와의 사이 공간이라고 할 수 있습니다. Padding을 주는 4가지 방법 Padding을 주는 방법에는 몇 가지가 있습니다. 1. 우선 가장 직관적인 방법은 top, bottom, left, right 를 각각 적어주는 방법입니다. 예시 코드.. 2022. 4. 28.
언어별 주석 처리 방법 (C, JAVA, CSS, HTML, SQL, Python 등) 언어별 주석 처리 기호 모음 ! C, C++, C#, Objective-C ,JAVA, Javascript, R, Go, Kotlin, Swift 의 주석 처리 한 줄 주석은 // 여러 줄 주석은 /* */ // 한 줄 주석 /* 여러 줄 주석 */ HTML , XML 의 주석처리 한 줄도, 여러 줄도 CSS 의 주석처리 CSS 주석은 /* */ /* 영화 제목 */ .movie h1 { color: #4d9fff; text-align: center; font-size: 40px; } /* 영화 줄거리 */ .movie p { font-size: 20px; } Python, Ruby 의 주석처리 파이썬의 경우에 한줄 주석은 # 여러줄 주석은 작은따옴표 3개씩 ''' ''' or 큰 따옴표 3개씩 """ .. 2022. 4. 28.
CSS - '클래스(class)'와 '아이디(id)' 정리 HTML 요소에게 '이름' (별명? 닉네임?) 을 주는 방법은 두 가지가 있습니다 클래스 (class) 아이디 (id) 클래스 (class) 아래 코드에서 첫 번째 태그와 세 번째 태그는 "big" 이라는 이름의 클래스를 갖고 있습니다. 그러면 css에서 .big 에 스타일을 입혀주면 됩니다. 클래스 이름이라는 걸 나타내는 기호는 '.(마침표)' 입니다. First Second Third .big { color: blue; font-size: 48px; } 결과화면 > 아이디 (id) 아래 코드에서 첫 번째 태그는 "test"라는 이름의 id를 갖고 있습니다. 그러면 css에서 #test 에 스타일을 입혀주면 됩니다. 아이디(id) 를 나타내기 위한 기호는 '#(샾 표시)' 입니다. First Secon.. 2022. 4. 28.
CSS - 기본 속성 정리 style, 폰트크기, 텍스트 정렬, 색상, 여백 style 태그 사이트에 CSS 스타일을 입혀주기 위해서 보통 css 파일을 따로 두고 link로 연결해서 쓰지만, 가볍게 바로 확인해 보기 위해서 HTML 상에서 폰트 크기 CSS에서 폰트 크기를 표현할 수 있는 단위가 몇 가지 있는데, 그 중 픽셀(px)이 가장 많이 사용됩니다. Heading 1 Heading 2 결과 화면 > 텍스트 정렬 글은 왼쪽, 가운데, 오른쪽으로 정렬할 수 있습니다. Heading 1 Heading 2 Heading 3 결과 화면> 텍스트 색 글에 색을 입히고 싶을 땐, color 속성을 사용하면 됩니다. Heading 1 Heading 2 Heading 3 결과 화면> 여백 margin 속성을 사용하여, 요소 사이의 여백을 설정할 수 있습니다. 여백의 크기도 픽셀(px) .. 2022. 4. 28.
CSS - 속성 상속 개념과 예시 코드 CSS - 상속개념과 예시 CSS에는 '상속'이라는 개념이 있습니다. '상속'은 말 그대로 부모 요소의 속성들을 자식들한테 그대로 넘겨주는 것입니다. 아래 예시에서 '상속' 개념을 확인해봅시다. .div1의 폰트 색을 blue로 설정해주었습니다. 태그와 태그에 대해서는 별도의 설정을 하지 않았습니다. 그럼에도 불구하고 과 태그의 폰트 색이 파란색으로 설정되었습니다. 그 이유는 .div1 이라는 부모의 스타일이 자식들에게 상속되었기 때문입니다. 상속되는 속성들 모든 태그의 속성이 상속 되는 것은 아닙니다. 태그와 속성에 따라 상속이 되지 않는 경우들도 많이 있습니다. 예를 들어, 부모 태그에 설정한 margin이나 padding이 모든 자식들에게 적용되면 난리가 나겠죠? 아래는 웬만하면 상속되는 몇 가지 .. 2022. 4. 28.
CSS - 속성 단위 px, rem, em, % 사용예시, 계산 기준 CSS에는 폰트 크기, padding, margin, width 등 다양한 속성들에 사용할 수 있는 여러 단위가 있습니다. px, rem, em, % 등이 있습니다. px px는 절대적인 값입니다. 다른 요소의 값에 영향을 받지 않습니다. px 사용 예시 코드> .container { padding-top: 40px; background-color: lime; } rem rem 은 상대적인 값입니다. 어떤 값에 의해 결정 되느냐? 태그의 font-size에 의해 결정됩니다. 3rem은 태그의 font-size의 3배 크기입니다. rem 사용 예시 코드> html { font-size: 20px; } .container { padding-top: 3rem; /* html의 font-size * 3 = 60.. 2022. 4. 28.
구글 서치콘솔 - 사이트맵 제출했는데 색인 안된 URL 색인 시키는 2가지 방법 구글 서치콘솔 - 사이트맵 제출했는데 색인 안된 URL들 색인 시키는 방법 : 2가지 경우가 있음 1. 색인 -> 사이트맵 (Sitemaps) -> 제출한 사이트맵 클릭 2. 색인 생성 범위 보기 클릭 3. 제외됨 클릭 (제외됨 으로 되어있는게 이렇게나 많아...? ) 4. 제외된 유형들 하나씩 다 눌러서 아래 내용 반복 적용하기 5. URL 에 마우스 올려두면 생성되는 돋보기 아이콘 클릭 6. 그럼 두가지 경우가 나옵니다. 첫번째는, URL 이 구글에 등록 되어있다고 함. 그런데 색인이 생성되었으나 사이트맵에 제출되지 않았습니다. 라고 적혀있음. 이 경우엔 오른쪽 위에 "실제 URL 테스트" 버튼 클릭 1~2분 기다리면 "URL을 색인 생성할 수 있음" 이렇게 바뀜! 그러면 테스트 해봤을 때 문제가 없.. 2022. 4. 22.
UA에서 GA4 (Google Analytics 4) 로 업그레이드 하기 (셋팅 방법) 이 글에서 Google Analytics 4로 업그레이드하는 방법과 몇 가지 기본 설정 방법에 대해 설명하겠습니다. GA4와 UA의 차이 GA4 (Google Analytics 4) 로 업그레이드 하기 GA4 몇 가지 기본 설정 하기 (데이터보존기간, 내부ip차단) GA를 사용하기 위한 팁 (보고서 만들기) 우선, GA4와 UA의 차이는 무엇인가? GA4는 앱 + 웹 통합 으로 구축되었습니다. UA 는 앱과 웹이 각각 이지만 GA4 에서는 앱과 웹 구분 없이 데이터가 통합됩니다. GA4는 데이터 수집 및 보고 방식이 UA(Universal Analytics)와 다릅니다. GA4 '이벤트' 기반 모델을 사용합니다. 구글은 마케팅 담당자들이 '이벤트' 기반 모델로 사용자 데이터를 분석하기를 바라고 있습니다... 2022. 4. 21.
vim 설치, 사용 법, 단축키 (CLI 텍스트 에디터) GUI (graphical user interface) 환경에서는 텍스트 에디터로 메모장, word, Microsoft 등 다양한 프로그램을 사용한다. 그렇다면 CLI (Command-line interface) 환경에서는 ? CLI 환경에서 텍스트 에디터로 사용하는 것이 바로 vim 이다. 터미널에서 vim 이라고 입력하고 엔터를 누르면 텍스트 에디터 vim 이 켜진다. 근데 vim 이 없는 command 라고 하면서 안뜨면 vim 이 없는 것이다. 깔아주면 된다. sudo su apt-get update apt-get install vim 한 줄씩 실행 하면 vim 설치 완료. vim 커맨드를 사용하여 vim 을 실행시킨다. 파일경로를 아규먼트로 주면 해당하는 파일을 열어주고, .. 2022. 4. 6.
[용어설명] Terminal, Shell , bash , zsh Terminal 터미널 우리가 보통 생각하는 커맨드를 입력하는 '검은 화면' 인풋을 받고, 아웃풋을 출력해 주는 프로그램 Shell 셸 커맨드를 해석해 주는 프로그램 컴퓨터는 pwd 같은 커맨드들을 사실 이해하지 못함. 컴퓨터가 이해할 수 있는 형태로 바꿔줘야 하는데, 그게 바로 shell이 하는 역할. 셸은 커널과 사용자간의 다리역할을 하며 사용자로부터 받은 명령을 컴퓨터가 이해할 수 있는 형태로 바꿔서 전달해 줌. Shell은 여러 종류가 있고, 종류에 따라 커맨드를 해석하는 방식이나 제공하는 인터페이스가 조금은 다를 수 있지만 대부분의 경우 아주 비슷하거나 똑같이 작동함 Bash (Bourne again shell) 가장 보편적이고, 많은 유닉스 운영 체제에서 사용중인 Shell의 한 종류 Ubun.. 2022. 4. 5.
[엑셀, 구글 스프레드시트] 표에서 가로 세로 교차하는 지점 값 반환하기 (vlookup + match) 엑셀, 구글 스프레드시트에서 함수를 사용하여, 표에서 가로 세로 모두 맞는 값 찾는 방법 (vlookup + match) VLOOKUP 과 MATCH 함수를 중첩하면 표에서 가로 세로가 교차하는 지점의 값을 반환 할 수 있다. 배송비 테이블이 아래와 같이 있다. 오른쪽 표에 1지역, 무게 0.5kg 이면 배송비가 얼마인지 반환해주고 싶다면 ? =VLOOKUP (H4, A3:D11, match(G4,B3:D3,0)+1, 0) =VLOOKUP ( 0.5kg무게를 , 배송비테이블 A3:D11에서 검색, 반환해줄 열은 몇번째 열인지 , 일치검색 ) match(G4, B3:D3, 0 )+1 를 들여다 보면, match ( 검색할 지역, B3:D3 범위에서 몇번째 칸에 있는 단어인지, 일치검색 ) + 1 i4 셀을.. 2022. 4. 5.
728x90
반응형