Yahoo!ストアの商品ページには、YouTubeの動画のみ載せることができます。こちらのページでは動画の掲載方法や仕様についてご案内します。
動画が貼れるページ
次の箇所のみ、動画を貼りつけることができます。
商品ページ(PC) |
商品説明(Magnetでは連動していない項目 |
商品ページ(PC・スマホ) | フリースペース1~3 |
動画の掲載手順
現状Magnetから直接動画を掲載することできません。Magnetが連動している「フリースペース1~3」へ動画を掲載する場合は、お手数ですが下記の掲載手順に沿って操作をお試しください。
1. YouTube動画の「再生URL」を確認する
先ずは動画の再生URLを控えましょう。YouTube動画の「再生画面」を開いた時のURLが、再生URLです。次のようなURLとなります。
2. 動画を掲載する「特殊タグ」を作る
ストアクリエイターProで動画を掲載するための「特殊タグ」を作ります。特殊タグは、次のような文字列となります。
▼特殊タグ
<!--Y youtube:vid=YouTubeのコンテンツID(※)-->
コンテンツIDとは?
末尾にある「YouTubeのコンテンツID(※)」部分は、先ほど控えた「再生URL」の末尾部分を指します。
- http://www.youtube.com/watch?v=[YouTubeのコンテンツIDの部分]
3. 「特殊タグ」を貼る
- ストアクリエイターPro「ページ編集」から「ページ検索」または「サイトマップ」で商品検索する
- 画面中央「編集」ボタンをクリックする
- 「追加表示情報」タブをクリックし、「PC用フリースペース1」に特殊タグを貼り付ける
4.変更を保存する
- 画面最下部「保存して編集を続行」をクリックする
5.動画タグをコピーする
- (3)で貼り付けた特殊タグを確認する
- タグが<div>~</div>と自動的に書き替わっているので、全てコピーする
6.反映する
- 動画タグをコピーしたら、画面右上「反映管理」をクリックする
- 「反映」→「はい」をクリックして内容を反映する
7.Magnetのデザイン編集画面をひらく
- Magnet「商品の登録」機能にはいる
- (3)で特殊タグを貼り付けた商品編集画面を表示する
(操作ヘルプ:登録した商品を編集する) - 画面最下部「次に進む」をクリックする
8.動画タグを書き換える
- 元々入っている動画にカーソルを合わせ「編集」ボタンを押す
- 挿入されているテキスト枠をクリックする
- html編集モード</>をクリックし、入っている文字列を全て削除する
- 右クリック「プレーンテキストとして貼り付ける」をクリックし、先ほどコピーした動画タグを貼り付ける
- 再度html編集モード</>をクリックし、「更新する」をクリックする
- 内容を保存する
9.更新する
- 「商品を今すぐ更新する」をクリックし、内容を更新する
コメント
0件のコメント
記事コメントは受け付けていません。