[楽天]店長の部屋Plus ウィジェットについて1

公開日:  最終更新日:2014/10/13

[楽天]店長の部屋Plus ウィジェットについて1
さて、本日は楽天の店長の部屋Plus(店長ブログ)について店長の部屋Plus(店長ブログ)って活用されてますか?ショップによっては毎日更新している所もあるかと思います。

スポンサードリンク

店長の部屋Plus(店長ブログ)を更新内容が自動で表示されるウィジェットってご存知ですかね?
RMS内にウィジェットについての記述、貼り付け用のタグ等があるので、すでに活用されている方も多いかと思います。

例えば、こちらのショップ イケベ楽器楽天ショップ
ショップオブザイヤー2012で(CD・DVD・楽器・本)ジャンル賞を受賞されてるショップ

↓↓の部分 店長ブログの更新内容が表示されていますね。
34-1.png
これ便利なのが自動で更新内容が表示されるところです。
日々、更新してても中々ショップに来たお客さんに見てもらえなかったりしますが、トップページ等にウィジェットを設置することで何もしなくても、ブログの更新内容が表示されちゃいます。

ウィジェット貼り付け用のタグ

<!-- +++++++++++++++++++++++++++++++++++++++++
店長の部屋Plus+ ウィジェット ここから(Start)
+++++++++++++++++++++++++++++++++++++++++ -->
<span id="diary_error"></span>
<div style="width:200px; border:0px solid #CC6633;">
<img src="画像URL" alt="店長の部屋Plus+" width="200" height="50" border="0" hspace="3" style="margin:3;">
<div style="margin:3px 0 0 7px; font-size:10pt;">
<hr color="#8c522a">
<!-- ブログタイトル (自動リンク) -->
<div id="diary_name"></div>
<hr color="#8c522a">
<div>
<!-- 新着日記1件目(★ M=0 ★) ここから -->
<span id="diary_title_0"></span><span id="d_new_0"></span>
[<span id="diary_year_0"></span>/<span id="diary_month_0"></span>/<span id="diary_day_0"></span>&nbsp;<span id="diary_hour_0"></span>:<span id="diary_minute_0"></span>]
<!-- 新着日記1件目 ここまで -->
</div>
<br />
<div>
<!-- 新着日記2件目(★ M=1 ★) ここから -->
<span id="diary_title_1"></span><span id="d_new_1"></span>
[<span id="diary_year_1"></span>/<span id="diary_month_1"></span>/<span id="diary_day_1"></span>&nbsp;<span id="diary_hour_1"></span>:<span id="diary_minute_1"></span>]
<!-- 新着日記2件目 ここまで -->
</div>
<br />
<div>
<!-- 新着日記3件目(★ M=2 ★) ここから -->
<span id="diary_title_2"></span><span id="d_new_2"></span>
[<span id="diary_year_2"></span>/<span id="diary_month_2"></span>/<span id="diary_day_2"></span>&nbsp;<span id="diary_hour_2"></span>:<span id="diary_minute_2"></span>]
<!-- 新着日記3件目 ここまで -->
</div>
<br />
<div align="right">
<!-- もっと見る ここから -->
<span id="diary_etc"></span>
<!-- もっと見る ここまで -->
</div>
</div>
<script src="http://api.shop.plaza.rakuten.co.jp/js/LatestDiary.js?base_url=★★★&num=■" type="text/javascript" charset="EUC-JP"></script>
<!-- +++++++++++++++++++++++++++++++++++++++++
店長の部屋Plus+ ウィジェット ここまで(End)
+++++++++++++++++++++++++++++++++++++++++ -->

上記のようなソースをコピー、貼り付けで簡単に設置できます。
GOLDでトップを作成しているのであれば、トップページのソースに貼り付けて必要な箇所を自分のショップの情報に設定するだけです。

トップがGOLDでないショップもGOLD内にhtmlファイルを作成して、それをRMSからページに<iframe> で埋め込むことで表示することが出来ます。

設定する箇所については、最後の base_url=★★★&num=■ の部分です。

★★★が自分のショップの↓↓↓部分
http://www.rakuten.ne.jp/gold/★★★/
http://www.rakuten.co.jp/★★★/
★★★の部分を指定してください

■が表示する件数 1~10まで指定できます。
ただし、件数を変更する場合は注意が必要です。
<!– 新着日記1件目(★ M=0 ★) ここから –>
<span id=”diar・・・・・
<!– 新着日記1件目 ここまで –>

↑↑↑部分が指定した件数分必要になります。このサンプルでは3件分の設定になってますね。

各かたまりの中で id=”diary_title_0″ みたいに 最後が数値になっている部分これを件数分 記述する必要があります。

4件目の記事なら id=”diary_title_3″ という感じですね。(0から開始のようです)
サンプルソースを表示した結果
34-2.png
うん、とりあえずは更新内容が自動では表示されるようになりました。
ちょっと、このままでは見た目があれなので、後日、見た目の変更方法について書きたいと思います。




FacebookページやGoogle+ページにもブログ更新・気になる情報を流していますので
よろしければ、この機会にぜひ「フォロー」または「いいね」をよろしくお願いします。

ネットショップ出店をお考えの方はこちらをどうぞ

ネットショップ出店サービス一覧

ショップ運営に使えるjQuery動作デモ1ページにまとめてみた

ECサイト・ネットショップで使えるjQueryデモをまとめてみた

ショップにカルーセル表示を実装「おすすめ」

カルーセル表示実装ならjQuery「slick.js」が簡単でおすすめ

ネットショップ運営の効率化に使えるソフト・ASPサービス

ネットショップ受注・在庫・商品・発注管理

仕入先・商材をお探しの方はこちらをどうぞ

ネットショップ運営に使える仕入・卸サイト一覧

ネットショップへの集客に使える広告いろいろ

ネットショップへの集客に使える広告まとめ

ネットショップで使えるCSS・JavaScriptのデモを1ページにまとめてみた

ECサイト・ネットショップで使えるCSS・JavaScriptのデモをまとめてみた

ブログでの集客に記事作成代行サービスを活用

記事作成に使える記事外注サービスまとめ

お店(実店舗)の集客に活用できる店舗ポータル・Webサービスまとめてみた

お店(実店舗)の集客に活用できる登録サイト・webサービスまとめてみた

ショップ運営に役立つwebサービス・ツールについてまとめてみた

ECサイト・ネットショップで使えるwebサービス・ツールをまとめてみた

楽天市場の運営者向けの商品陳列HTMLタグ生成無料ツール作ってみました

楽天市場向け無料ツール

Your Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

スポンサードリンク

記事が気に入ったらシェアお願いします

PAGE TOP ↑