Shopify FAQs

ShareThis' Shopifyにツールをインストールする方法（ShareThis App付き）

当社のShopifyアプリを使えば、数回のクリックで簡単にシェアボタンやフォローボタンをウェブサイトに追加することができます。 

  1. に移動します。 ShareThis Share Buttonsアプリ をクリックし、アプリを追加するボタンを選択します。
  2. アプリをインストールし、4つのオプションの中から1つを選択します。
    • インラインシェアボタン。見出しや製品の近くにシェアボタンを設置すると視認性が高まる。 
    • 付箋シェアボタン。シェアボタンをウェブサイトの左または右のレールに固定し、訪問者がスクロールしながら共有できるようにします。 
    • Follow Buttons:あなたのウェブプレゼンスをトップのソーシャルメディアチャンネルに拡大します。 
    • 同意管理プラットフォーム。 ユーザーの同意設定を簡単に管理し、一般データ保護規則を含むEUのプライバシー規制に対応
  3. 使用したいShareThis ツールを選択し、ソーシャルチャンネル、サイズ、形状などを選択してボタンをカスタマイズします。
  4. Shopifyツールのオンとオフの切り替え スイッチをオンにしてから下にスクロールし、「更新」ボタンをクリックして変更を保存してください。
  5. インラインツールをインストールする場合、どちらかを選択することができます。
    • カスタムリキッドブロックを使用した商品ページへのインラインShareThis ツールの追加
    • テーマコード編集による商品ページへのインラインShareThis ツールの追加
    • ページやブログにインラインShareThis ツールを追加する

注： インラインツールは、あなたのサイトで動作するようにコードの余分なスニペットを必要とします。インライン共有ボタンまたはフォローボタンをインストールしたい場合は、ツールを表示したい場所に上記のオプションに従って配置コードを追加する必要があります。

テーマをカスタマイズする前に、まずバックアップを取ることをお勧めします。 けいめい をクリックしてテーマを複製し、変更を元に戻したい場合のバックアップコピーにします。

カスタムリキッドブロックを使って商品ページにインラインShareThis ツールを追加する

インラインボタンのコードを配置する際に、Shopifyのテーマエディタを使用すると、視覚的なガイドを持つことができます。商品ページに限ったことではありませんが、この説明と最後のビデオに従って、商品説明文にコードを配置することもできます。

  1. オンラインストアのダッシュボードに移動します。
  2. テーマ」をクリックし、「カスタマイズ」と書かれた緑色のボタンをクリックします。
  3. ライブプレビューをクリックして、ボタンを表示させたいページに移動します。
  4. ボタンを挿入したい場所にマウスを置くと、「セクションを追加」というラベルの付いた青い小さなボタンが表示されます。
  5. 一覧から「 Custom Liquid 」を選択します。
  6. 先ほど表示された左サイドバーの該当するプレースメントコードをコピーして貼り付けてください。
    1. Share Buttonsの配置コードです。
    2. Follow Buttonsの配置コード。
  7. 右上の「保存」をクリックします。

ご参考までに、プレビューをご覧ください。

テーマコード編集による商品ページへのインラインShareThis ツールの追加

  1. 左のナビゲーションバーで、「オンラインストア」＞「テーマ 」を選択し、「アクション」＞「 コードの編集」をクリックします。
  2. 左サイドバーで、Sectionsフォルダまでスクロールダウンし、main-product.liquidを選択します（古いテーマを使用している場合、Templatesに 移動してproduct.liquidファイルを探します）。次に、次のコードを見つけます。
    {{ product.description }}
    注： Control + F で "description" という単語を検索できます（コードエディタ内で内容を検索できるように、必ずファイルの内側をクリックしてください）。セクション/エレメントは、最後に"}"文字で区切られます。

  3. 商品説明の上または下に、該当するプレースメントコードをコピー＆ペーストしてください。
    1. Share Buttonsの配置コードです。
    2. Follow Buttonsの配置コード。

ご参考までに、プレビューをご覧ください。

ページやブログにインラインShareThis ツールを追加する

  1. 左のナビゲーションバーで、「オンラインストア」＞「ページ」を選択します。次に、ボタンを表示させたいページをクリックします。 
  2. コンテンツ] セクションの[HTMLを表示する<>]ボタンをクリックします。
  3. ShareThis ツールを表示させたい場所に、下記のプレースメントコードをコピー＆ペーストしてください。
    1. Share Buttonsの配置コードです。
    2. Follow Buttons配置コード
ShareThis' Toolsを複数のShopifyストアにインストールする方法

Shopifyで複数の店舗を管理するには、以下の方法で行います。 ShareThis プラットフォーム (by adding their domains), to do this, you will need to manually add the ShareThis <script> code inside the <head> of your site(s), simply follow the steps below:

  1. ログイン または 登録する を、ShareThis プラットフォームに追加しました。
  2. 左側のナビゲーションバーで「設定 」をクリックし、「ドメイン」セクションで「+新しいドメインを追加」を選択します。
  3. ポップアップウィンドウで、ShopifyストアのドメインURLを追加し、「新しいドメインを追加」をクリックします。
  4. 新しいドメインを追加したら、右上のActivate codeボタンを選択し、ポップアップウィンドウのCopy code ボタンをクリックしてください。 
  5. ShopifyのWebサイトにログインします。
  6. 左のナビゲーションバーで、「オンラインストア」＞「テーマ」を選択し、「アクション」ドロップダウンから、「コードの編集」をクリックします。
  7. 異なるファイルやフォルダの中から、「レイアウト」を選択し、「theme.liquid」をクリックします。
  8. Copy and paste the unique ShareThis code that you copied from step 4 into the <head> section of your website.
  9. インラインツールをインストールする場合、どちらかを選択することができます。
    • カスタムリキッドブロックを使用した商品ページへのインラインShareThis ツールの追加
    • テーマコード編集による商品ページへのインラインShareThis ツールの追加
    • ページやブログにインラインShareThis ツールを追加する

注： インラインツールは、あなたのサイトで動作するようにコードの余分なスニペットを必要とします。インライン共有ボタンまたはフォローボタンをインストールしたい場合は、ツールを表示したい場所に上記のオプションに従って配置コードを追加する必要があります。

テーマをカスタマイズする前に、まずバックアップを取ることをお勧めします。 けいめい をクリックしてテーマを複製し、変更を元に戻したい場合のバックアップコピーにします。

カスタムリキッドブロックを使用した商品ページへのインラインShareThis ツールの追加

インラインボタンのコードを配置する際に、Shopifyのテーマエディタを使用すると、視覚的なガイドを持つことができます。商品ページに限ったことではありませんが、この説明と最後のビデオに従って、商品説明文にコードを配置することもできます。

  1. オンラインストアのダッシュボードに移動します。
  2. テーマ」をクリックし、「カスタマイズ」と書かれた緑色のボタンをクリックします。
  3. ライブプレビューをクリックして、ボタンを表示させたいページに移動します。
  4. ボタンを挿入したい場所にマウスを置くと、「セクションを追加」というラベルの付いた青い小さなボタンが表示されます。
  5. 一覧から「 Custom Liquid 」を選択します。
  6. 先ほど表示された左サイドバーの該当するプレースメントコードをコピーして貼り付けてください。
    1. Share Buttonsの配置コードです。
    2. Follow Buttonsの配置コード。
  7. 右上の「保存」をクリックします。

ご参考までに、プレビューをご覧ください。

テーマコード編集による商品ページへのインラインShareThis ツールの追加

  1. 左のナビゲーションバーで、「オンラインストア」＞「テーマ 」を選択し、「アクション」＞「 コードの編集」をクリックします。
  2. 左サイドバーで、Sectionsフォルダまでスクロールダウンし、main-product.liquidを選択します（古いテーマを使用している場合、Templatesに 移動してproduct.liquidファイルを探します）。次に、次のコードを見つけます。
    {{ product.description }}
    注： Control + F で "description" という単語を検索できます（コードエディタ内で内容を検索できるように、必ずファイルの内側をクリックしてください）。セクション/エレメントは、最後に"}"文字で区切られます。

  3. 商品説明の上または下に、該当するプレースメントコードをコピー＆ペーストしてください。
    1. Share Buttonsの配置コードです。
    2. Follow Buttonsの配置コード。

ご参考までに、プレビューをご覧ください。

ページやブログにインラインShareThis ツールを追加する

  1. 左のナビゲーションバーで、「オンラインストア」＞「ページ」を選択します。次に、ボタンを表示させたいページをクリックします。 
  2. コンテンツ] セクションの[HTMLを表示する<>]ボタンをクリックします。
  3. ShareThis ツールを表示させたい場所に、下記のプレースメントコードをコピー＆ペーストしてください。
    1. Share Buttonsの配置コードです。
    2. Follow Buttons配置コード
ShareThis' ShopifyにJavascriptコードでツールをインストールする方法

また、ShopifyのShareThis ツールを管理するために ShareThis プラットフォーム, instead of the Shopify App, to do this you will need to manually add the ShareThis <script> code inside the <head> of your site, simply follow the steps below:

  1. ログイン または 登録する を、ShareThis プラットフォームに追加しました。
  2. 使用したいShareThis ツールを選択し、[ Enable tool] ボタンをクリックして有効にします。 
  3. そして、ソーシャルチャンネル、サイズ、形状を選択して、ボタンをカスタマイズします。
  4. 右上の「コードを有効にする」ボタンを選択します。ポップアップで、「コードをコピーする」ボタンをクリックします。
  5. ShopifyのWebサイトにログインします。
  6. 左のナビゲーションバーで、「オンラインストア」＞「テーマ」を選択し、「アクション」ドロップダウンから、「コードの編集」をクリックします。
  7. 異なるファイルやフォルダの中から、「レイアウト」を選択し、「theme.liquid」をクリックします。
  8. Copy and paste the unique ShareThis code that you copied from step 4 into the <head> section of your website.
  9. インラインツールをインストールする場合、どちらかを選択することができます。
    • カスタムリキッドブロックを使用した商品ページへのインラインShareThis ツールの追加
    • テーマコード編集による商品ページへのインラインShareThis ツールの追加
    • ページやブログにインラインShareThis ツールを追加する

注： インラインツールは、あなたのサイトで動作するようにコードの余分なスニペットを必要とします。インライン共有ボタンまたはフォローボタンをインストールしたい場合は、ツールを表示したい場所に上記のオプションに従って配置コードを追加する必要があります。

テーマをカスタマイズする前に、まずバックアップを取ることをお勧めします。 けいめい をクリックしてテーマを複製し、変更を元に戻したい場合のバックアップコピーにします。

カスタムリキッドブロックを使用した商品ページへのインラインShareThis ツールの追加

インラインボタンのコードを配置する際に、Shopifyのテーマエディタを使用すると、視覚的なガイドを持つことができます。商品ページに限ったことではありませんが、この説明と最後のビデオに従って、商品説明文にコードを配置することもできます。

  1. オンラインストアのダッシュボードに移動します。
  2. テーマ」をクリックし、「カスタマイズ」と書かれた緑色のボタンをクリックします。
  3. ライブプレビューをクリックして、ボタンを表示させたいページに移動します。
  4. ボタンを挿入したい場所にマウスを置くと、「セクションを追加」というラベルの付いた青い小さなボタンが表示されます。
  5. 一覧から「 Custom Liquid 」を選択します。
  6. 先ほど表示された左サイドバーの該当するプレースメントコードをコピーして貼り付けてください。
    1. Share Buttonsの配置コードです。
    2. Follow Buttonsの配置コード。
  7. 右上の「保存」をクリックします。

ご参考までに、プレビューをご覧ください。

テーマコード編集による商品ページへのインラインShareThis ツールの追加

  1. 左のナビゲーションバーで、「オンラインストア」＞「テーマ 」を選択し、「アクション」＞「 コードの編集」をクリックします。
  2. 左サイドバーで、Sectionsフォルダまでスクロールダウンし、main-product.liquidを選択します（古いテーマを使用している場合、Templatesに 移動してproduct.liquidファイルを探します）。次に、次のコードを見つけます。
    {{ product.description }}
    注： Control + F で "description" という単語を検索できます（コードエディタ内で内容を検索できるように、必ずファイルの内側をクリックしてください）。セクション/エレメントは、最後に"}"文字で区切られます。

  3. 商品説明の上または下に、該当するプレースメントコードをコピー＆ペーストしてください。
    1. Share Buttonsの配置コードです。
    2. Follow Buttonsの配置コード。

ご参考までに、プレビューをご覧ください。

あなたのページやブログにShareThis ツールを追加するには

  1. 左のナビゲーションバーで、「オンラインストア」＞「ページ」を選択します。次に、ボタンを表示させたいページをクリックします。 
  2. コンテンツ] セクションの[HTMLを表示する<>]ボタンをクリックします。
  3. ShareThis ツールを表示させたい場所に、下記のプレースメントコードをコピー＆ペーストしてください。
    1. Share Buttonsの配置コードです。
    2. Follow Buttons配置コード
ボタンが正しい情報を共有していないのはなぜですか？

サイトが公開されていない場合や、パスワードで保護されている場合は、ご注意ください。 フェイスブッククローラー (など）がアクセスできないため、タイトル、説明文、サムネイル画像などの一部の情報が表示されなかったり、共有時にエラーが発生したりすることがあります。