MagnetでogaRiaツールを設置する

Yahoo!ストアのページ制作ツール「Magnet」で、ogaRiaツールを設置する手順をご案内します。MagnetとogaRiaはシステム連携していますので、設置はとても簡単です。

はじめに

設置できるページ

ogaRiaツールが設置できるのは、次のページです。

PCページ	ストアトップ	◯
	商品ページ	◯
	カスタムページ	◯
スマホページ	すべてのページ	×

Magnetで作成したデザイン以外には、設置ができません

ストアさま独自に作成されているデザインについては、Magnetを通してogaRiaツールを設置することができません。

Magnetで作成されたページのみ、MagnetからogaRiaツールの設置ができます。

スマホページには設置ができません

MagnetはYahoo!トリプルを使わず、ストアクリエイターProのみでページを構築します。そのため、Magnetで使用できるHTMLはストアクリエイターPro側のルールに沿って制限されています。

スマホページについては、ストアクリエイターPro側で「iframeタグ」が制限されているため、ogaRiaツールを設置することができません。

設置できるツール

次のogaRiaツールを設置できます。

賑わい演出システム	◯
新なんでもランキング	◯
思いviewer	◯
スライドバナー	◯
リアルタイムde切替くん	◯
ドロップ率下げYOくん	◯
カウントダウンタイマー	◯
ノータッチ！ショップレビュー	◯
新着情報スケジューラー	◯
自動カレンダー	◯
毎日元気に営業中	◯

(※「サイドの達人」は、ストアクリエイターProの仕様上対応していません。)
　

1.設置する場所を決める

まずはMagnetの編集画面へ行き、ogaRiaツールを設置したい箇所を選びましょう。

編集画面を開く

「ストアトップを作る」や「カスタムページを作る」メニューから、まずはページデザインの編集画面まで進みます。Magnetのデザインエディタはこのような画面です。

設置位置にマウスを合わせる

ogaRiaツールを設置したい位置にマウスを合わせると、「+ここにパーツを追加する」ボタンが表示されますので、こちらをクリックします。

2. 「ogaRiaツール」パーツを選ぶ

左メニューから「ogaRiaツール」を選び、表示された画像をクリックします。

3. 設置するツールを指定する

画像にマウスを合わせて、「編集」ボタンを押します。

ツールと、設定パターンを一覧から選びます。
(※こちらには、ogaRiaから「反映」が完了している設定のみ表示されます。)

最後に「保存する」ボタンを押します。

4. 反映する

最後に、各ページの最終反映ボタンを押しましょう。
ストアトップ・カスタムページであれば、右上にある「反映する」ボタンから行えます。

以上で設置が完了です！