商品ページにTwitterのツイートボタンを設置したい

コマースクリエイター未利用店舗様専用の記事です

 

商品ページにTwitterのツイートボタンを設置する方法についてご紹介いたします。
必要な手順は下記の通りです。

1：コード発行
2：設定箇所に貼り付け

1：コード発行

Twitter社で発行されているコードを取得します。

Twitterツイートボタン（公式サイト）

1. Or browse your options below箇所の「Twitter Buttons」をクリック

2. Select the button you'd like to use ：「Share Button」を選びクリック
   

3. 表示されるコードをコピー

2：設定箇所に貼り付け

1で貼り付けたコードを以下に貼りつけてください。

店舗全体で同じ内容を設定する場合

商品側で個別設定をしていなければ、本設定を変更することにより全商品にボタンを出力します。

PCとスマートフォンで設定箇所が異なります。

PC

構築メニュー＞ページ設定＞商品ページ設定　「ツイートボタン(HTMLタグ)設定」

スマートフォン

モバイルメニュー＞ページ設定＞基本設定　「ソーシャルボタン(HTMLタグ)設定」

 

商品ごとに設定する場合

商品ごとに設定内容を変更したい場合は、各商品の「商品基本情報編集」で設定ができます。（※PCのみ）

運用メニュー＞商品管理＞商品検索＞(該当商品)＞商品基本情報　「ツイートボタン(HTMLタグ)設定」欄、
「下記で設定した固有のツイートボタン(HTMLタグ)設定を利用する 」にチェックを入れ、
その下のテキストエリアにタグを入れてください。

 

スマートフォンは全商品、下記の設定で表示されます。 モバイルメニュー＞ページ設定＞基本設定 ソーシャルボタン(HTMLタグ)設定

 

 

過去に設置していたTweetボタンが表示されなくなっている場合

常時SSL化を行っている場合（商品ページのURLがhttpsはじまりになっている）、
スクリプトをhttpから読み込んでいると「Mixed Content」となりブラウザによりブロックされます。
読み込みをhttpからhttpsに書き換えてご確認ください。