알려드립니다! 아직 Shopify Pinterest 앱을 이용할 수 없는 국가에서 이 글을 보고 계신 것 같습니다. 자세히 알아보기

Shopify 앱용 Pinterest를 사용하여 Shopify 스토어를 Pinterest Business 계정에 연결하세요.

Shopify 계정은 한 번에 하나의 Pinterest Business 계정에만 연결할 수 있습니다. Shopify 상점이 두 개 있는 경우 Pinterest에 문의하세요.

이미 Shopify에 Pinterest 태그를 수동으로 추가했거나 다른 제3자를 사용한 경우 Shopify 앱용 Pinterest를 사용하기 전에 태그를 삭제해야 합니다.
혜택
  • 회원님의 웹사이트는 Pinterest에서 소유권을 표시합니다.
  • 전환수에 대한 Pinterest 태그 및 API가 설치됩니다.
  • 회원님의 Shopify 제품 피드가 Pinterest에 연결됩니다.
  • 제품 핀은 Shopify 제품 피드에서 생성됩니다.
  • Pinterest에서 첫 광고 캠페인을 시작하면 광고 크레딧 $100를 받게 됩니다.
    •
    시작하기 전에...

    Shopify 상점을 Pinterest 계정에 연결하기 전에 다음을 수행해야 합니다.

  • Pinterest Business 계정 만들기
  • 광고주 계정 만들기
    •

    데스크톱에서 Chrome 브라우저를 사용하여 Shopify 스토어를 Pinterest 계정에 연결하는 것이 가장 좋습니다.

     
    Shopify 앱용 Pinterest로 스토어 연결하기
  • Shopify 계정에 로그인합니다.
  • Shopify App Store의 Shopify 페이지에서 Pinterest 앱으로 이동합니다.
  • 권한을 검토한 후 동의하면 앱 추가를 클릭합니다.
  • 화면에 나타난 지시사항에 따라 Shopify에 Pinterest 앱을 설치합니다.
    •

    수동으로 Pinterest 태그를 Shopify에 추가할 수 있으나 권장하지는 않습니다. 가능한 경우 위의 단계를 따라 태그가 자동으로 추가되도록 스토어를 Shopify용 Pinterest 앱과 연결하세요.

    기본 코드 추가하기

    기본 코드를 사용하면 상품 구매나 장바구니에 상품 추가와 같은 이벤트에 대한 데이터를 수집할 수 있습니다. 웹사이트의 전체 페이지에 기본 코드를 설치해야 합니다.

    1. Shopify 관리자에서 온라인 스토어, 테마순으로 클릭합니다​.
    2. 수정하려는 테마로 이동하여 작업을 클릭하고 코드 수정을 클릭합니다.
    3. theme.liquid를 클릭합니다.
    4. 스크롤하여 </head>를 찾아 그 위에 다음 코드를 붙여넣습니다. 
      <script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function()
{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
n=window.pintrk;n.queue=[],n.version="3.0";var
t=document.createElement("script");t.async=!0,t.src=e;var
r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
("https://s.pinimg.com/ct/core.js"); 

pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', });
pintrk('page');
</script> 
<noscript> 
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
</noscript>
    5. YOUR_TAG_ID를 회원님의 고유 태그 ID로 변경합니다. 고유 태그 ID를 찾으려면 Pinterest 광고 관리자를 엽니다.
    6. 전환 추적 개요로 이동하여 세부 정보 섹션을 찾습니다.
    7. 태그 ID 아래 13자리 숫자를 복사하여 코드의 YOUR_TAG_ID 위치에 붙여넣습니다.

    결제 이벤트 추가하기

    기본 코드를 설치한 후 추가 데이터 수집을 위해 다양한 이벤트를 추가할 수 있습니다. 결제 이벤트를 추가하면 사용자가 상품을 구매하고 거래를 완료했을 때를 추적할 수 있습니다.

    1. Shopify 관리자에서 설정을 클릭한 다음 결제를 클릭합니다.
    2. 주문 상태 페이지 스크립트 아래에 다음 추적 코드를 텍스트 상자에 붙여 넣습니다. 이 상자에 이미 코드가 있는 경우 해당 코드 뒤에 추적 코드를 붙여 넣습니다. 
      {% if first_time_accessed %}
<script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function()
{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
n=window.pintrk;n.queue=[],n.version="3.0";var
t=document.createElement("script");t.async=!0,t.src=e;var
r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
("https://s.pinimg.com/ct/core.js");

pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
pintrk('page'); 
</script> 
<noscript> 
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
</noscript>

<script>
pintrk('track', 'checkout',{
value: {{ total_price }} / 100,
currency: '{{ currency }}',
order_quantity: 2,
event_id: '{{ event_id }}',
line_items: [
     {
       product_name: '{{ product_name_1 }}',
       product_id: '{{ product_id_1 }}',
       product_price: {{ product_price_1 }},
       product_quantity: 1
     },
     {
       product_name: '{{ product_name_2 }}',
       product_id: '{{ product_id_2 }}',
       product_price: {{ product_price_2 }},
       product_quantity: 1
     },
   ],
order_id: {{ checkout.order_id }}
});
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/>
</noscript>
{% endif %}
    3. YOUR_TAG_ID를 회원님의 고유 태그 ID로 변경합니다. 고유 태그 ID를 찾으려면 Pinterest 광고 관리자를 엽니다.

    AddToCart 이벤트 추가하기(선택 사항)

    기본 코드를 설치한 후 원하는 경우 추가 데이터 수집을 위해 다양한 이벤트를 추가할 수 있습니다. AddToCart 이벤트를 추가하면 사용자가 장바구니에 상품을 추가한 때를 추적할 수 있습니다.

    참고: 일부 Shopify 테마와 위젯의 경우 AddToCart 이벤트를 추가할 수 없습니다.

    1. Shopify 관리자에서 온라인 스토어를 클릭한 후 테마를 클릭합니다.
    2. 현재 사용하고 있는 테마에서 작업을 클릭하고 코드 수정을 클릭합니다.
    3. 템플릿에서 product.liquid, product-template.liquid, ,product-form.liquid 코드 파일 중 하나를 찾아 엽니다. 설치한 테마에 따라 다를 수 있으나, 일반적으로는 products.liquid 파일이나 이에 상응하는 파일 안에 장바구니에 추가 버튼 코드가 있습니다.
    4. 코드 파일에서 addtocart 파일을 검색합니다.
    5. <button> 또는 <input> 요소의 마지막 캐럿 안에 다음 코드를 삽입합니다. 
      onclick = "pintrk ('track', 'addtocart');"
    6. 오른쪽 상단에서 저장을 클릭합니다.

    이미 수동으로 Pinterest 태그를 설치했으나 이제 Shopify앱용 Pinterest를 사용하고 싶다면 먼저 수동으로 설치한 태그를 삭제해야 합니다. 기본 코드, 결제 코드, 장바구니 추가 코드를 반드시 삭제하세요.

    기본 코드 삭제하기

    1. Shopify 관리자에서 온라인 스토어, 테마순으로 클릭합니다.​
    2. 수정하려는 테마로 이동하여 작업을 클릭하고 코드 수정을 클릭합니다.
    3. theme.liquid를 클릭합니다.
    4. 스크롤하여 </head>를 찾아 다음 코드를 붙여넣습니다. 
      <script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function()
{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
n=window.pintrk;n.queue=[],n.version="3.0";var
t=document.createElement("script");t.async=!0,t.src=e;var
r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
("https://s.pinimg.com/ct/core.js"); 

pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', });
pintrk('page');
</script> 
<noscript> 
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
</noscript>

    결제 코드 삭제하기

    1. Shopify 관리자에서 설정을 클릭한 다음 결제를 클릭합니다.
    2. 주문 상태 페이지 스크립트 섹션의 텍스트 상자에서 다음 추적 코드를 찾습니다. 입력란에 다른 코드가 있는 경우 코드에서 다음 부분만 삭제합니다. 
      {% if first_time_accessed %}
<script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function()
{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
n=window.pintrk;n.queue=[],n.version="3.0";var
t=document.createElement("script");t.async=!0,t.src=e;var
r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
("https://s.pinimg.com/ct/core.js");

pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
pintrk('page'); 
</script> 
<noscript> 
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
</noscript>

<script>
pintrk('track', 'checkout',{
value: {{ total_price | money_without_currency }}, 
currency: '{{ currency }}',
order_quantity: 1,
order_id: {{ checkout.id }}
});
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/>
</noscript>
{% endif %}

    AddToCart 코드 삭제하기

    1. Shopify 관리자에서 온라인 스토어, 테마순으로 클릭합니다​.
    2. 현재 사용하고 있는 테마에서 작업을 클릭하고 코드 수정을 클릭합니다.
    3. 템플릿에서 product.liquid ,product-template.liquid ,product-form.liquid 코드 파일 중 하나를 찾아 엽니다. 설치한 테마에 따라 다를 수 있으나, 일반적으로는 products.liquid 파일이나 이에 상응하는 파일 안에 장바구니에 추가 버튼 코드가 있습니다.
    4. addtocart 파일을 검색합니다.
    5. 다음 코드를 찾아 삭제합니다. <button> 또는 <input> 요소의 마지막 캐럿에 있을 것입니다. 
      onclick = "pintrk ('track', 'addtocart');"
    6. 오른쪽 상단에서 저장을 클릭합니다.
    이 글이 도움이 되셨나요?

    이 글에 개선할 점이 있나요?