IMG 태그

<img> 태그는 사용자가 브라우저에서 JavaScript를 비활성화한 경우에 백업 기능을 합니다. 하지만 JavaScript 없이 이미지 태그 이벤트 코드만 포함하도록 선택할 수 있습니다. 이 경우 JavaScript를 사용하지 않으므로 <noscript> 태그를 삭제해야 합니다. Pinterest에서는 JavaScript와 이벤트 코드의 이미지 태그 부분을 모두 사용할 것을 권장합니다. 이렇게 해야 효과적인 사용자 타겟팅이 가능해지기 때문입니다.

<img> 태그 기본 코드

Pinterest에서는 <img> 태그를 사용하는 경우에도 사이트의 모든 페이지에 기본 코드를 추가할 것을 권장합니다. 이렇게 하면 운영 중인 사이트의 모든 트래픽에서 데이터를 수집할 수 있습니다. 기본 코드의 <img> 태그 버전은 광고 관리자에서 생성된 전체 코드의 일부입니다. 아래에서 Pinterest의 <img> 태그 기본 코드 예시를 확인하세요.

<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=init&noscript=1" />

기본 코드는 HTML의 <head>와 </head> 태그 사이에 위치해야 합니다.

<img> 태그의 이벤트 데이터

<img> 태그의 이벤트 데이터를 포함할지 여부를 선택할 수 있습니다. 다음 예시를 통해 <img> 태그의 이벤트 데이터가 있는 결제 이벤트를 확인하세요.

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&ed[value]=10.00&ed[order_quantity]=2&ed[currency]=USD&ed[line_items][0][product_name]=Parker+Boots&[line_items][0][product_id]='1414'&ed[line_items][0][product_price]=5.00&ed[line_items][0][product_quantity]=1&ed[line_items][1][product_name]=Parker+Sandals&ed[line_items][1][product_id]='ABC'&ed[line_items][1][product_price]=5.00&ed[line_items][1][product_quantity]=1&noscript=1"/>

아래 코드에서는 데이터 매개변수를 분리했을 때 위의 <img> 태그가 어떻게 보이는지 확인할 수 있습니다. src 속성에 공백을 추가하면 코드가 깨진다는 점에 유의하세요.

 <img height="1" width="1" style="display:none;" alt=""
 src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID
 &event=checkout
 &ed[value]=10.00
 &ed[order_quantity]=2
 &ed[currency]=USD
 &ed[line_items][0][product_name]=Parker+Boots
 &ed[line_items][0][product_id]='1414'
 &ed[line_items][0][product_price]=5.00
 &ed[line_items][0][product_quantity]=1
 &ed[line_items][1][product_name]=Parker+Sandals
 &ed[line_items][1][product_id]='ABC'
 &ed[line_items][1][product_price]=5.00
 &ed[line_items][1][product_quantity]=1
 &noscript=1"/>

<img> 태그 복사 및 붙여넣기 이벤트 코드의 예

이 섹션에 있는 모든 이벤트 유형의 예시는 완전하고 복사할 수 있는 형식으로 되어 있으므로 웹사이트에 직접 추가하셔도 됩니다. 각 예시는 웹사이트에서 활동 추적을 시작하는 데 필요한 이벤트 데이터를 포함하고 있습니다.

예시의 값은 회원님의 웹사이트에 적절한 정적 값 또는 동적 변수로 변경해야 합니다. 예를 들면 웹사이트에서 이루어지는 각 주문에 대한 값이 사용자가 구매한 물품에 따라 다르기 때문에 주문 값을 동적으로 추적하기를 원할 수 있습니다. 하지만 이벤트가 특정한 한 페이지에서만 발생된다면 정적 값을 lead_type 이벤트 데이터에 할당할 수 있습니다.

Checkout

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&ed[value]=10.00&ed[order_quantity]=2&noscript=1" />

이벤트 데이터: value, order_quantity, currency

웹사이트에 맞는 적절한 통화 코드를 입력하세요.

AddToCart

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=AddToCart&ed[value]=10.00&ed[order_quantity]=2&noscript=1" />

이벤트 데이터: value, order_quantity, currency 웹사이트에 맞는 적절한 통화 코드를 입력하세요.

Pagevisit

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=pagevisit&noscript=1" />

이벤트 데이터: 없음

Signup

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=signup&noscript=1" />

이벤트 데이터: 없음

WatchVideo

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=watchvideo&ed[video_title]=My+Product+Video+01&noscript=1" />

이벤트 데이터: video_title

Lead

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=lead&ed[lead_type]=Newsletter&noscript=1" />

이벤트 데이터: lead_type

Search

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=search&ed[search_query]=horse&noscript=1" />

이벤트 데이터: search_query

ViewCategory

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=viewcategory&noscript=1" />

이벤트 데이터: 없음

Custom

이 이벤트 유형은 custom으로 호출해야 합니다. 그렇지 않으면 태그에서 추적한 전환이 광고 관리자에 보고되지 않습니다.

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=custom&noscript=1" />

이벤트 데이터: 없음

아직 도움이 필요하세요?
문의하기