注意:Shopify Pinterest アプリを利用できない国・地域からアクセスしているようです。 詳細

Shopify アカウントと Pinterest アカウントをリンクさせると、すでに Shopify で販売している商品を Pinterest でプロモートすることができます。リンクさせるには、Shopify 用 Pinterest アプリを使用するか、Shopify 用の Pinterest タグを手動で追加します。Shopify 用 Pinterest アプリを使用する場合、ドメインは自動的に認証されるので、手動で認証する必要はありません。

すでに Shopify に Pinterest タグを手動で追加しており、代わりに Shopify 用 Pinterest アプリを使用したい場合は、手動で追加したタグを削除する必要があります。なお、一度にリンクできる Pinterest のビジネスアカウントは 1 つのみです。

アカウントを Shopify 用 Pinterest アプリにリンクする

Shopify 用 Pinterest アプリをお持ちの場合は、アプリに Pinterest タグをインストールできます。

  1. Shopify アカウントにログインします
  2. Shopify アプリストアの Shopify ページから Pinterest アプリに移動します
  3. アクセス権を確認し、同意する場合は「アプリを追加」をクリックします
  4. 画面の指示に従い、Shopify で Pinterest アプリのインストールを完了させます
Shopify に手動で 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("説明");t.async=!0,t.src=e;var
    r=document.getElementsByTagName("説明")[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 で「アドマネージャー」に移動します。「広告」をクリックし、「コンバージョン」をクリックしたあと、「Pinterest タグをインストール」の下にある「開始」をクリックします。すでに Pinterest タグを作成している場合は、タイトルをクリックして自分のタグ ID を確認できます。

  6. コンバージョントラッキングのオーバービューを開いて、詳細セクションを探します。

  7. タグ ID」の下にある 13 桁の数値をコピーして、コードの YOUR_TAG_ID の位置に貼り付けます。

Checkout(購入)イベントを追加する

ベースコードをインストールした後、さらにデータを集めるために、他のイベントを追加することができます。Checkout(購入)イベントを追加すると、商品を購入して、購入処理を完了させたユーザーを追跡できます。

  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("説明");t.async=!0,t.src=e;var
r=document.getElementsByTagName("説明")[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 %}

YOUR_TAG_ID には、アドマネージャーで生成された自分のユニークタグ ID を上書きしてください。

AddToCart(カートに追加)イベントを追加する(オプション)

ベースコードをインストールした後、さらにデータを集めるために、他のイベントを追加することができます(オプション)。AddToCart(カートに追加)イベントを追加して、商品をショッピングカートに追加したユーザーをトラッキングすることができます。

注:一部の Shopify テーマとウィジェットでは、AddToCart(カートに追加)イベントを追加することができません。

  1. Shopify の管理画面で「オンラインストア」「テーマ」の順にクリックします。

  2. 使用中のテーマで「アクション」「コードを編集」の順にクリックします

  3. テンプレート」の下にある product.liquidproduct-template.liquid または product-form.liquid を見つけて開きます。インストールしているテーマごとにファイル名は違いますが、一般的には「カートに追加」ボタンのコードは products.liquid ファイルまたはそれと同等のファイルです。

  4. コードファイルで「addtocart」のファイルを検索します。

  5. <button> または <input> エレメントの終了キャレット内に次のコードを貼り付けます

    onclick="pintrk('track', 'addtocart');"
  6. 画面右上にある「保存」をクリックします。

手動で追加した Pinterest タグを Shopify から削除する

手動で Pinterest タグをインストールしているが、代わりに Shopify アプリを使用したい場合は、Shopify アプリを設定する前に手動でインストールしたタグをすべて削除する必要があります。ベースコード、Checkout(購入)コード、AddToCart(カートに追加)コードを削除してください。アカウントごとに 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("説明");t.async=!0,t.src=e;var
    r=document.getElementsByTagName("説明")[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>

Checkout(購入)コードを削除する

  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("説明");t.async=!0,t.src=e;var
    r=document.getElementsByTagName("説明")[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.liquidduct-template.liquid、または product-form.liquid のいずれかのコードファイルを見つけて開きます。インストールしているテーマごとにファイル名は違いますが、一般的には「カートに追加」ボタンのコードは products.liquid ファイルまたはそれと同等のファイルです。
  4. addtocart」のファイルを検索します。
  5. 以下のコードを見つけて削除します。<button> または <input> エレメント「onclick="pintrk('track', 'addtocart');"」の終了キャレットである必要があります
  6. 画面右上にある「保存」をクリックします。
次のステップ
  • さらにヘルプが必要ですか?次の方法をお試しください
  • Shopify で広告を作成する
  • Shopify アナリティクスまたはアドマネージャーのレポートを使用してリーチを測定する
  • End of Other articles Links
    User feedback
    この記事は役に立ちましたか?

    collection_fields

    より良い記事を作成するために、ご意見をお聞かせください。