2019年07月22日
84 view

ストアクリエイターProへのタグ設置箇所①共通領域

先日公開した「B-Spaceかんたん設定ガイド④反映&スマートフォン版」では、B-Space管理画面で作成したHTMLタグをYahoo!ショッピングのストアトップ「フリースペース」へ貼り付ける方法をご案内しました。

今回の「ストアクリエイターProへのタグ設置箇所」シリーズの記事では、「B-Spaceのタグは取得できたけど、その後の貼り付け場所がわからない!」という方へおすすめのタグ設置箇所をご紹介します。

ストアクリエイターProへのタグ設置箇所 記事一覧
ストアクリエイターProへのタグ設置箇所①共通領域
ストアクリエイターProへのタグ設置箇所②トップページとカテゴリページ
ストアクリエイターProへのタグ設置箇所③商品ページ

※本記事はB-Spaceのパソコン版に関する記事です。スマートフォン版(WEBブラウザ/アプリ)はB-Space管理画面から反映してください。反映方法はこちらをご覧ください。

 

共通領域とは

本記事では、「共通領域」と呼ばれる箇所への貼り付け方法をご案内します。

共通領域とは、ストアクリエイターProでは「ヘッダー看板」「サイドナビ」「フッター」と呼ばれている領域のことで、ストアの全ページ(トップページ・カテゴリページ・商品ページ ・カスタムページ)に同じ内容が表示されます。

【ストアページ共通領域】

※カスタムページは設定テンプレートによって表示が異なります。
※トリプルで作成したページには、共通領域が表示されません。

■メリット
1カ所へ貼り付けを行うだけで全ページへ反映!とっても簡単です。

■デメリット
1ページ毎に表示内容を変えるといった細かなカスタマイズに対応できない。

 

共通領域への設置

いずれの箇所も「フリースペース」へ設置してください。 以下、手順を記載いたします。

(1)ストアクリエイターProトップページの「商品・画像・在庫」 をクリック 。
(2)右側「ストアデザイン」をクリック。
(3)左にあるストアデザインメニュー内で、「ヘッダー・看板」「サイドナビ」「フッター」の中からお好きなものを選んでください。
(4)デザイン編集「フリースペース」をクリックし、B-Space管理画面より取得したタグを貼り付け (マウス右クリックで貼り付けを選択)。
(5)「保存」をクリック。
(6)プレビューの内容を確認する 。
(7)反映管理より「反映」を行う。

※(4)でフリースペースが表示されていない方は、「パーツの並び替え」でフリースペースをドラッグ&ドロップして設置してください。
※ストアクリエイターProはヤフー株式会社の運営するツールです。使用方法などの詳細はヤフー株式会社までお問い合わせください。

 

設置例

グラスワンアール様 の「ヘッダー・看板」設置例です。
ヘッダー・看板は非常に目立つ位置に表示されるので、トップページへ来たお客様だけでなく、検索から商品ページへ来たお客様にもしっかりと商品やセール情報を訴求し、自ストア内の回遊UPにつなげることができます。

 

サイドナビに貼り付ける場合、細長い領域のため「動く!商品棚」であれば「縦に長いタイプ」の貼り付けをオススメします。
詳細は下記ページの 「動く!商品棚を一覧で表示 (スライドしない)」 の項目をご覧ください。
B-Spaceかんたん設定ガイド③動く!商品棚_デザインの設定

  

フローティングバナーを設置した場合

B-Space「にぎわいバナー」はパソコン版の場合「フローティングバナー」という機能がお使い頂けます。
これはタグを貼り付けた箇所に関係なく、B-Space管理画面上で設定したポジションに従って固定位置で表示されます。

例えばB-Space管理画面のメニューで「右上」を選択した場合、

下記画像の「右上ポジション」に常に固定で表示されます。

共通領域にフローティングバナーのタグを貼り付けておくと、全ページの右上に表示されることになります。
なお、特定の商品ページのフリースペース等に貼り付けると、特定の商品ページの右上にのみフローティングバナーが表示されます。

 

トリプルページの場合

トリプルで作成したページ(shopping.geocities.jpドメイン)の場合は、設置箇所に制限がありません。

【トリプルページ】

なお、トリプルページの特性上、B-Spaceの大きな特徴の1つ「ターゲット設定」機能が使えませんのでご注意ください。

 

※スマートフォンWebブラウザ版に関しても、トリプルで作成したページの場合、iframeタグの貼り付けが可能になるためB-Spaceパソコン版のタグを貼り付けることができます。しかしながらB-Spaceの動作保証範囲外となりますので予めご了承ください。

次回は「トップページ・カテゴリページ」への貼り付け方法をレクチャーします。

■次の記事
ストアクリエイターProへのタグ設置箇所②トップページ・カテゴリページ

※この記事は2019/7/20時点の情報を掲載しています。画面レイアウトなど、一部変更のある場合がございます。
※B-Spaceに関するお問い合わせは、当ブログ右上「B-Spaceのお問い合わせ」より、ストアアカウントを添えてご連絡ください。

こちらの記事もどうぞ