본문 바로가기
반응형

전체 글

 (522)
[태그관리자] 트리거 - 클릭 사이트에서 원하는 요소 선택값 가져오기 원하는 요소를 우 클릭하고 '검사' 선택 열린 개발자 도구 창에 음영으로 표시된 요소를 다시 우클릭 'Copy' -> 'Copy selector' 선택으로 복사 태그관리자 트리거 설정 새로 만들기 관리자 로그인 '트리거' -> '새로 만들기' 구성박스를 누르고 열린 창에서 '모든 요소' 선택 '일부 클릭' 선택 후 '기본 제공 변수 선택' 선택 'Click Element' 선택 'CSS 선택 도구와 일치' 선택 세 번째 칸에 사이트에서 복사한 요소 선택값을 붙여 넣고 '저장' 만들어진 전환 복사하기 [태그관리자] - 태그, 트리거 복사하기 동일한 애즈계정에 여러 전환을 설치하는 경우 설치된 전환을 복사하여 전환아이디 등 동일한 값을 중복으로 설정하는 수고를 덜 수 ..
[구글 태그] 구글애즈 전환 태그 삽입 먼저, 광고 중인 계정에서 상단 메뉴 '도구 및 설정' -> 측정항목에서 '전환'을 선택합니다. 생성된 전환 액션 선택 (파란색 제목) 선택 후 중간에 '태그설정'을 클릭합니다. 역시 두 가지 방법으로 설치가 가능한데요: 직접 설치 태그관리자 사용 직접설치 '태그 직접 설치' 선택 Ads 계정 구성 태그를 포함한 글로벌 태그 존재 확인과 생성된 전환 태그 삽입이 필요한데요. 글로벌 태그: - global tag가 없는 경우: 첫 번째 옵션 선택 후 박스 안에 코드 복사 후에 해당 코드를 메인 html 파일 안에 삽입 - global 태그는 존재하나 해당 Ads 계정의 구성 태그가 없는 경우: global 태그에 해당 Ads 구성 태그[gtag('config', 'AW-00000000') ] 추가 - 해당..
[구글 태그] 구글애즈 글로벌 태그 삽입 구글애즈의 자동 전환이 작동하기 위해서는 사이트와 구글애즈를 연결하는 작업이 필요합니다. 설치하기 먼저, 광고 중인 계정에서 상단 메뉴 '도구 및 설정' -> 측정항목에서 '전환'을 선택합니다. 설치가 필요한 전환 액션을 선택합니다 (파란색 제목 선택). '태그 설정' 박스를 열고 첫 번째 메뉴를 선택합니다 (자동전환의 경우 태그관리자 선택지는 없음). 아래 태그를 복사합니다. ▷ global tag가 없는 경우 첫 번째 옵션 선택 후 박스 안에 코드 복사 후에 해당 코드를 메인 html 파일 안에 삽입 ▷ global 태그는 존재하나 해당 Ads 계정의 구성 태그가 없는 경우 global 태그에 해당 Ads 구성 태그[gtag('config', 'AW-00000000') ] 추가 ▷ 해당 Ads 구성 ..
비주얼 스튜디오 코드 [익스텐션] - 시퀄라이트 비주얼 스튜디오 코드는 비주얼 스튜디오처럼 자체적으로 데이터베이스의 데이터를 조작하는 기능은 없고 익스텐션으로 해당 기능을 추가가능합니다. 시퀄라이트 익스텐션을 통해 시퀄라이트 데이터베이스의 정보를 조작하는 방법을 보겠습니다. 인스텐션 설치하기 비주얼스튜디오 코드를 열고 익스텐션 메뉴에서 아래와 같이 검색 후 설치합니다. SQLite 설치가 완료되면 검색창에 아래처럼 데이터베이스를 여는 기능이 추가됩니다. 사용하기 익스플로러 열기 SQLite: Open Database 오픈 데이터베이스를 선택 후 열고 싶은 데이터베이스 파일을 선택합니다 (데이터베이스 생성하기). 그러면 좌측 메뉴에 아래처럼 익스플로러가 추가됩니다. 데이터 넣기 익스플로러를 열고 'New Query'를 선택하면 쿼리파일이 열립니다. 입력..
[태그관리자] 데이터레이어 데이터레이어는 태그관리자에 전송할 정보를 담을 수 있는 객체입니다. 장점은 다양한 정보를 하나의 객체 형태로 전송할 수 있기 때문에 전송되는 데이터의 관리가 수월 해 집니다. 데이터레이어 만들기 데이터레이어 선언 데이터레이어는 아래와 같이 선언됩니다. 글로벌 태그나 태그관리자 설치 태그에 데이터레이어 생성문이 포함되어 있기 때문에 특별한 경우가 아닌 경우 따로 생성할 필요는 없습니다 (중복으로 선언하더라 기존의 데이터레이어를 대체하는 것은 아니므로 필요시 중복 선언도 가능). 데이터레이어에 데이터 추가하기 생성된 데이테레이어에 아래와 같이 .push() 를 사용하여 데이터를 추가 가능합니다. 데이터를 여러 차례 추가하여도 key의 이름이 다른 경우 배열의 푸시처럼 기존은 데이터는 유지됩니다. 데이터레이어..
[태그관리자] 트리거 - 스크롤 뷰 구현하기 관리자 로그인 '트리거' -> '새로 만들기' 구성박스를 누르고 열린 창에서 '스크롤 깊이' 선택 가로 또는 세로 스크롤을 선택하고 비율 또는 픽셀 값을 입력합니다 [복수의 값을 잡고 싶은 경우 콤마로 구분(10, 20, 30,...)] 실행조건은 해당 트리거의 실행시기를 결정하는 데 컨테이너 로드가 가장 빠르며 창 로드가 가장 느립니다 (여기서 무조건 빠른 것이 좋은 것은 아닙니다). 페이지의 모든 요소가 모드 로드된 시점인 창 로드 사용을 권장합니다. 이제, 페이지만 지정하면 됩니다. 모든 페이지 말 그대로 모든 페이지에서 발동합니다. 아래와 같이 '모든 페이지' 선택 후 '저장' 일부페이지 일부페이지를 선택하면 해당 페이지에서만 작동합니다. 예를 들어 특정 페이지의 주소가 아래와 같다면 일..
채널톡 event로 구글 태그 추적하기 채널톡과 같은 API는 웹사이트 고유의 요소가 아니기 때문에 일반적인 방법으로 해당 요소에 대한 접근이 불가하고 이로 인해 전환, 이벤트 추적 등이 불가합니다. 하지만, 채널톡의 경우 API임에도 불구하고 LauncherStyled 클래스에 대한 접근을 허가하여 해당 채널톡을 열기 버튼을 활용하여 추적하는 것이 가능하였다고 하네요. 최근 이러한 클래스를 활용하여 스타일의 변경을 막고자 채널톡에서 아래와 같이 해당 모듈을 쉐도우 돔의 옵션을 활용하여 자바스크립트를 통한 해당 클래스에 대한 접근이 불가능하도록 업데이트를 하면서 기존에 챗을 열기 위한 버튼을 자바스크립트를 통해 접근하는 것이 불가능해졌고 해당 클래스는 외부에서 더 이상 활용 할 수 없게 되었습니다. https://update-kr.channe..
시퀄라이트 사용하기 - 코드 우선 방식 .NET은 데이터베이스를 생성할 때 작성된 코드를 통해 데이터베이스를 생성하는 Code first (코드우선) 방식과 데이터베이스의 데이터를 바탕으로 코드를 작성하는 data first (데이터 우선) 방식을 제공합니다. 이 글에서는 시퀄라이트를 코드우선방식으로 연결해 보겠습니다. HTML 삽입 미리보기할 수 없는 소스
728x90

티스토리툴바