Shopify에 Pinterest 태그 직접 추가하기

Shopify용 Pinterest 앱이 없는 경우 다음의 수동 태그 수동 설치 방법을 따르세요.

1단계: 기본 코드

  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로 변경합니다.

  6. 고유 태그 ID를 찾으려면 광고 관리자로 이동하여 광고를 클릭한 후 전환수를 찾고 Pinterest 태그 만들기를 클릭합니다(이미 Pinterest 태그를 만든 경우에는 제목을 클릭하면 고유 태그 ID가 표시됨).

  7. 전환 추적 개요로 이동하여 세부 정보 섹션을 찾습니다.

  8. 고유 태그 ID 아래 13자리 숫자를 복사하여 코드의 YOUR_TAG_ID 위치에 붙여넣습니다.

2단계: 결제 코드

  1. Shopify 관리자에서 설정​을 클릭한 다음 결제​를 클릭합니다.
  2. 주문 처리에서 추가 스크립트 입력란을 찾습니다.

  3. 입력란에 다음 추적 코드를 붙여넣습니다. 입력창에 이미 코드가 있는 경우 해당 코드 뒤에 추적 코드를 붙여넣습니다.

    {% 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: 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 %}
    
    

     

  4. YOUR_TAG_ID를 광고 관리자에서 생성한 고유 태그 ID로 변경합니다.

3단계: Addtocart 코드

  1. Shopify 관리자에서 온라인 스토어​를 클릭한 후 테마를 클릭합니다.

  2. 현재 사용하고 있는 테마에서 작업을 클릭하고 코드 수정을 클릭합니다.

  3. 템플릿에서 product.liquid 또는 product-template.liquid 또는 product-form.liquid라는 코드 파일을 찾아 엽니다. 설치한 테마에 따라 다를 수 있으나, 일반적으로는 products.liquid 파일이나 이에 상응하는 파일 안에 장바구니에 추가 버튼 코드가 있습니다.

  4. 파일에서 addtocart를 검색하려면 Mac에서는 command+f를, PC에서는 control+f를 길게 누릅니다.

  5. <button> 또는 <input> 요소의 마지막 안에 다음 코드를 삽입합니다.

    onclick = "pintrk ('추적', 'addtocart');"

     

  6. 오른쪽 상단의 저장​을 클릭합니다.

 

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