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 Tag 생성을 클릭합니다.

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

  8. 'Unique Tag ID' 아래의 13자리 숫자를 복사하여 코드의 'YOUR_TAG_ID' 위치에 붙여 넣습니다.

2단계: 결제 코드

 

  1. Shopify 관리자에서 설정​을 클릭한 다음 결제​를 클릭합니다.

  2. 'Order processing'섹션에서 'Additional scripts' 입력란을 찾습니다.

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

     

  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. 오른쪽 상단의 저장​을 클릭합니다.

 

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