본문 바로가기

반응형

전체 글

(464)
코드 클립보드에 복사하기 기술블로그인 만큼 코드가 많이 들어가는 데 일일이 복사하는 불편함을 덜고자 클립보드 복사기능을 추가하기로 하였습니다. 완성코드 구현하기 클립보드로 복사하는 기능은 추가설정이 필요 없고 구현이 가장 수월하다고 판단하여 자바스크립트에서 제공하는 내비게이터 객체를 사용하기로 하였습니다. 작동은 아래처럼 내비게이터 객체의 클립보드를 호출하고 원하는 텍스트를 저장하는 방법입니다. navigator.clipboard.writeText(copyText.value); 다음으로, 코드를 복사하기 위해 코드요소에 이벤트를 연결해야 하는데요. 코드요소와 코드 클래스를 통해 전체요소를 잡고 루프를 통해 구현하는 방식으로 결정하였습니다. 이벤트는 아이템을 개별복사하는 경우도 있으므로 클릭이 아닌 더블클릭 이벤트로 연결하고 co..
Google Tag Manager Account Sharing Google Tag Manager is a great tool that makes your life easy when working with Google marketing products such as Google Ads, Google Analytics, and so on by letting you implement various tags without having to directly edit the website code. Before you get into the world of GTM, I thought it would be good to know how to give permissions to other people. So let’s begin. HTML 삽입 미리보기할 수 없는 소스
How to Link Google Products (Ads, Analytics, Merchant Center)? Google products such as Ads, Analytics, and Merchant Center when connected enables to share of data between the connected account. Since there are many ways to connect one product to another, I thought it would be good to organize it in one document once and for all. So let’s begin. HTML 삽입 미리보기할 수 없는 소스
Google Tags - How to add GTM Tag to A Site For Google Tag Manager(GTM) to be able to get data from a site, we need to insert GTM tag to the site. Let's see how it is done. Implementation Open your GTM account and click the container Id that starts with 'GTM-' on the top right A modal will pop up. Copy the code in the first box Go to the site you want to link and insert the code inside the tag that is shared across all pages. How to valid..
GTM - Conversion (Cafe 24 Individual Product Purchase) When you link Google Ads and Cafe 24, you get a bunch of conversions automatically including purchase. A purchase conversion is usually masured by one purchase as a whole not by individual items. But what if you want to measure the purchase of each item as a conversion?. I will show you how using Google Tag Manager (GTM)! Let's go over how it is going to be implemented, first, we need to create ..
[태그관리자] - 카페 24 개별상품구매 전환설정 카페 24에서 개별 상품에 대한 구매전환을 설정하는 방법을 보겠습니다. 작업은 애즈에서 전환생성 후 태그관리자에서 상품을 구분하는 변수를 작성하고 각 상품별 태그구성과 가치설정 및 이벤트 설정으로 이루어지며, 상품을 구분하는 변수작성 외 모든 작업은 상품별로 모두 생성되어야 합니다. 전환생성하기 먼저, 연결할 전환액션을 구글애즈에서 생성합니다. 주의할 점은 구매 관련 전환이므로 값을 동적가치로 지정합니다. https://jin-co.tistory.com/5#ct-setup-web-manual 구글애즈 전환 설정하기 구글애즈에서 전환은 웹사이트 방문 고객이 웹사이트에서 취하는 행동 중 광고주에게 의미 있는 행동(주로 구매 등 금전적 이익을 주는 행동?)을 의미합니다. 구글애즈에 전환설정으로 광고를 jin-..
Google Tags Set Up - Cafe 24 To get data from your Google products such as Google Ads and Google Analytics, we need something to link the site and your Google product. Google tags fills the gap and allows us not only to get data but alose to send events and conversions. The way to insert the tags differ from one site to another and in this writing, we will see how we can set up the Google tags in Cafe24 (one of the most pop..
Modal A modal in web programming refers to a popup or a dialog box that appears on top of the page to interact with users. Modal is a great way to get users’ attention. Let’s see how to implement is with HTML, CSS and JavaScript Implementation First, we need a modal in the HTML. In this example, I kept the code as simple as possible so that we can focus on the topic. In the HTML, create a div and add ..

728x90