본문 바로가기

회원가입 완료 페이지입니다. 회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다.회원가입 완료 페이지입니다. 더보기
GA4_영상 트래킹 조회 GA4_영상 트래킹 조회 더보기
GA4_요소 공개 상태 트래킹 요소 공개 상태 트래킹 더보기
GA4_스크롤 트래킹 GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. GA4_스크롤 트래킹입니다. 더보기
유저들이 어떤 행동을 해야 내 글에 관심을 가질까? 유저들이 어떤 행동을 해야 내 글에 관심을 가질까? 더보기
[구글 태그 매니저X페이스북 이벤트 픽셀] 스크롤 트래킹 실습 스크롤을 해야합니다. 스크롤을 해야합니다. 스크롤을 해야합니다. 스크롤을 해야합니다. 스크롤을 해야합니다. 스크롤을 해야합니다. 스크롤을 해야합니다. 스크롤을 해야합니다. 스크롤을 해야합니다. 스크롤을 해야합니다. 더보기
구글 태그 매니저_영상 조회 트래킹 실습 구글 태그 매니저_영상 조회 트래킹 실습입니다. 더보기
6. 구글태그매니저 : 교차 도메인 트래킹을 쉽게 하는 방법 여러분들이 하나의 동일한 구글 애널리틱스 계정내에서 여러개의 서로 다른 도메인을 트래킹하기 위해서는, 추적 코드를 직접 수정하거나 , 변경해야만 합니다. 별도의 설치나 구성 필요없이 진행하고자 할때 , 구글 애널리틱스는 두 개의 서로다른 도메인들 사이에서 사용자들을 정확하게 추적하지 못합니다. 우선, 교차 도메인 트래킹은 참 까다롭습니다. 교차 도메인 트래킹을 성공적으로 구현하기 위해서는 수동으로 코드를 직접 수정해야 하는 것이지요. 유니버설 애널리틱스를 사용하면 추적기를 만들 때 크로스 도메인 설정을 구성 할 수있는 linker.js 플러그인을 사용하면 훨씬 쉽게 작업을 수행 할 수 있습니다. 구글 태그매니저는 플러그인보다도 훨씬 쉽게 구현이 가능합니다. 저도 구글 태그매니저를 활용해서 교차도메인 설정.. 더보기
5. 구글태그매니저 : Must - Have 맞춤 변수 6가지 5. 구글 태그 매니저 : Must - Have 맞춤 변수 6가지 저는 항상 “나는 구글 태그 매니저에 대해서 많은 걸 알고 있다" 고 생각하는 동시에, GTM의 새로운 기능들이 나타날 때에는 “아 여전히 나는 공부할 내용들이 많구나"라고 느끼곤 합니다. 제가 구글 태그 매니저 기술에서 한 단계 도약했을 시점은, 제가 바로 GTM 변수(Variables)에 대해서 깊게 공부했을 때였던 것 같습니다. 저는 다양한 데이터 레이어 변수들과 상수들을 그럭저럭 꽤 다루고 있었지만, 그럼에도 불구하고 많은 변수들이 저에게는 미스터리로 다가왔습니다. 오늘의 블로그 포스트에서는 제가 GTM 컨테이너에서 개인적으로 가장 많이 사용하는 7가지의 구글 태그매니저 맞춤 변수에 대해서 알아보겠습니다. #1. Page Title.. 더보기
4. 구글태그매니저 변수의 정의 : Google Tag Manager Variables Google Tag Manager Variables 구글 태그 매니저의 핵심, 태그 매니저 변수 안녕하세요 그로스 해커 유성민입니다. 오늘은 구글 태그 매니저를 사용하시기 이전에 GTM에서 가장 중요한 개념인 “변수"에 대해서 자세히 설명드릴까 합니다. 변수라는 개념은 너무나도 방대한 역사를 가지고 있어서, 모든 내용을 한 번에 다루기에는 다소 한계가 있습니다. 저는 변수에 대한 간단한 정의와 Google Tag Manager에서의 변수는 어떻게 쓰일까에 대한 내용들을 구성해보도록 하겠습니다. 1. 변수, 그 자체에 대하여 여기 “철수가 가지고 있는 돈" 이라는 변수를 하나 만들었다고 가정합시다. 현재 “철수가 가지고 있는 돈”은 2000원입니다. 그런데 만약에, 철수가 1000원짜리 아이스크림을 사 먹.. 더보기
3. 구글 태그매니저의 전체 구조 Google Tag Manager의 구조 안녕하세요. 개발하는 마케터 온엣지, 유성민입니다. 오늘부터 구글태그매니저를 하나하나씩 쪼개보도록 하겠습니다. 오늘은 구글 태그매니저의 구성요소들을 이해하고, 태그매니저의 전체적인 구조를 살펴보겠습니다 :) 계정 컨테이너 태그, 트리거, 변수 구글 태그매니저는 크게 5가지의 구성요소로 나뉩니다.(계정, 컨테이너, 태그, 트리거, 변수) 아래 이미지를 한번 참고해주세요 : 여러분들 다 지메일 계정(또는 구글 계정)을 하나씩 가지고 있으실 것입니다. 지메일 계정 하나로 구글 태그매니저 계정을 여러개 만들 수 있습니다. 지메일 계정과 태그매니저 계정은 엄연히 다르니, 헷갈리지 않도록 합시다. 1개 브랜드 당 구글 태그매니저 계정이 1개면 충분합니다. 계정이 하나더라도 .. 더보기
2. Google Tag Manager(구글태그매니저)란 무엇이고, 어떻게 Google Analytics와 함께 쓰는가? 얼마 안 되었을 것이다. 구글 애널리틱스(GA)가 여러분들 곁에서 웹사이트나 모바일 앱에 있는 데이터를 수집, 처리, 보고해주는 것은 이제는 너무도 당연해졌다. 그렇게 구글 애널리틱스는 이제 웹이나 앱 기반의 비즈니스에서는 필수도구가 되어왔다. 그러던 2012년, 구글은 말도 안되는 혁신적인 소프트웨어 상품을 세상 밖으로 내놓았다. 구글 태그매니저다. (Google Tag Manager : GTM) 지난번 글에서도 언급하였듯이, 난 Google Tag Manager를 사랑한다. 하지만 GTM이 다양한 사용성과 잠재력을 자랑한다고 해도, 여전히 구글 태그매니저가 뭐하는 녀석이고, 무엇으로 구성되어 있고, 왜 구글 애널리틱스와 다른지에 대한 것은 아직도 혼란스럽기만 하다. 이 혼란을 조금 더 정리시켜주기 위.. 더보기
1. Google Tag Manager(구글태그매니저)를 사용하는 10가지 이유 구글 태그매니저(GTM)란, 구글 애널리틱스(Google Analytics)에 사용자들이 사이트에서 상호작용했던 데이터를 보내기 위해, 추적에 필요한 태그를 생성하는 일련의 과정을 관리하는 하나의 태그 관리 시스템이다. GTM을 사용하면 우리는 시간을 절약할 수 있고, 우리 웹사이트에서 더 많은 시도를 해볼 수 있으며, 매우 사용하기 편리하다. 또한 구글 태그매니저를 마스터하게 되면, 우리가 직접 태그를 창조하여 다양한 상황과 공간에서 활용할 수 있다. 난 구글 태그매니저에 대해서 많은 공부를 해왔고 앞으로도 GTM에 대한 많은 내용들을 공유할 예정이다. 하지만 일단 첫번째로는 뭐니뭐니해도, 구글 태그매니저를 사용하는 이유가 가장 먼저 필요한 내용일 것이다.그래서 "구글 태그매니저를 사용하는 10가지 이.. 더보기
제이쿼리에 css 입히기 제이쿼리에 css 입히기 문법 css 선택자에 ".css" 붙힌 후, 첫번째 쌍따옴표엔 속성두번째 쌍따옴표엔 Value 1) 특정 element를 안보이게 만드는 css $("#id").css("display", "none"); 2) 특정 element의 background -color $("#id").css("background-color" , "yelllow"); 더보기
scroll Y , Height , innerHeight 정리 자바스크립트 스크롤의 현재 위치를 계산하기 위한내장함수는 크게 3가지가 있다 ( 이 밖에도 많지만, 기본적인 것 3개) 1. scroll Y scrollY 에 대한 공식적인 설명은 아직도 없는 듯 하다. - window의 인터페이스인 scrollY 속성은, 문서가 수직으로 몇 픽셀 만큼 스크롤 되었는지를 반환한다.- 반환되는 값은 최신 브라우저에서 subpixel 정밀도 이므로, 반드시 정수값이 반환되는 것은 아니다. 2. window.innerHeight innerHeight 속성은 윈도우 content area의 높이를 반환한다.지금 보고있는 화면의 높이라고 생각하면 된다. window.innerHeight // 브라우저 윈도우 두께를 제외한 실질적 세로 길이 3. document.body.scrol.. 더보기
P태그 1. Paragraphs p태그는 하나의 절을 의미한다. 브라우저는 자동으로 각각의 p태그의 앞과 뒤에 어느정도의 여분의 공간(마진)을 더한다. 그 마진은 CSS로 사이즈 변형이 이루어질 수 있다. 1) P태그의 속성 속성값설명alignleft right center justifyHTML5 에서는 지원하지 않는다. 절 내에서 텍스트의 위치 조정 P태그의 default 값을 CSS로 치환하면, p { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0;} -> 해당 방식으로 구현 된다. 더보기
가장 많이 사용되는 15개 태그 가장 많이 사용되는 15개 태그 정리 1. Headings 2.Paragraphs 3. Links 4. Images 5. Line Break 6. Bold & Strong 7. Underlined 8. Ordered Lists 9. Unordered Lists 10. DIV 11. Title 12. input 13. form14. body15. head 1. Headings heading 태그는 - 까지 있다. 태그는 가장 중요한 Heading 태그 이며 , 글자 크기가 가장 크다. 뒤에 오는 숫자가 증가할수록 폰트의 크기는 점점 작아지고, 까지 표현할 수 있다. 검색엔진은 웹페이지의 내용과 구조를 색인(정리)하기 위해 Heading 태그를 사용한다.사용자들은 우리 웹페이지를 그 웹페이지의 heading.. 더보기
[온엣지의 디지털 마케팅]What is a North Star Metric? 안녕하세요. 디지털 마케터 온엣지 입니다 :) 제가 학식충에서, 취준생으로 변모하면서 블로그를 관리할 여력이 부족했습니다.앞으로는 디지털 마케팅에 관한 좋은 글들을 공부하며 정리하고 블로그에 업로드하려고 합니다 ! 오늘은 North Star Metric 이라는 본질적인 개념에 대해 한번 설명해보고자 합니다 ! 자사의 지속적인 성장을 North Star Metric을 가지고 이끌어가기 North Star Metric(NSM)은 최근 실리콘 밸리 회사들 사이에서 급성장하고 있는 강력한 개념이기도 합니다. NSM은 팀이 잠깐 동안 유지되는 성장을 넘어서, 꾸준하고 장기간의 기업 성장을 창출하는데 초점을 맞추기 위한 개념으로, 스타트업의 급격한 성장을 지속적으로 견인하는데에 많은 도움을 줍니다. [North S.. 더보기
[온엣지의 디지털마케팅]6가지의 그로쓰해킹(growth hacking) 최적화 전략 안녕하세요. 디지털 마케터 온엣지 입니다. :) 디지털 마케팅에서 가장 중요한 두가지 개념이 growth hacking(그로쓰 해킹)과 AARRR 데이터 분석 전략입니다. 지난 포스팅 때에는 AARRR에 대해서 자세히 설명드렸다면 오늘은 Growth hacking에 대한 정의와 6가지 효율적인 전략을 소개해드리려고 합니다. 1. Growth hacking의 정의그로쓰 해킹은 마케팅 채널 및 제품 개발 전반에 걸친 신속한 실험과정으로 비즈니스를 성장시키는 가장 효과적이고 효율적인 방법을 찾아내도록 도와줍니다. Growth hacking은 비즈니스 성장으로 이어지는, 기존 및 마케팅 성과 실험의 총체적인 과정을 말합니다. 그로쓰해커는 특히 비즈니스 사용자를 구축하고 참여시키는 데에 중점을 둔 마케팅 담당자나.. 더보기
[온엣지의 디지털마케팅]디지털 마케팅 공부하기① 안녕하세요 디지털 마케터 온엣지 입니다. :) 저는 디지털 마케팅 덕후로써, 디지털 마케팅에 관한 전문적인 글들을 포스팅하고 있습니다. 그런데 막상 글이 쌓이다 보니, 디지털 마케팅의 원론적인 부분들을 다루지 않은 것 같아서, 오늘 포스팅에서는 디지털 마케팅이란 무엇이며, 어떤 세부항목으로 나뉘어져 있는지 , 또 디지털 마케팅의 중요성에 관해서 포스팅해보려고 합니다. 디지털 마케팅이란 ? 수준을 좀 높게 얘기하자면, 디지털 마케팅은 검색엔진, 웹사이트 최적화, 소셜 미디어, 이메일 및 모바일 앱과 같은 디지털 채널을 통해 제공되는 광고를 말합니다. 디지털 마케팅이란 용어는 광범위한 마케팅 활동을 다루긴 하지만, 보편적으로 가장 일반적인 유형에 초점을 맞춥니다. 사실상 디지털 마케팅은 하나의 트렌드가 되어.. 더보기