• 文字サイズ
解決済

楽天アプリ 商品ページ中にJava Scriptを使ってバナーを挿入する

  • 相談者:非公開
  • 2019/11/01 14:53
こんにちは。
校長と申します。

楽天アプリでは共通バナーのように一括でバナーを反映することができません。
各商品ページのスマホ用説明文にバナーを貼るのは大変なので、JavaScriptを使って、一括でバナーを表示したり、変更したいと思っています。

たとえば、以下のJava Script (ファイル名は仮にaaa.js)とします。
────────────────
(function() {
//下のtag = ''の間に必要なクーポンの画像やリンク先のタグを各自で入力してください。
var tag = '<div class="sp_cuopon"><a href="https://event.rakuten.co.jp/campaign/point-up/wonderfulday/"><img src="https://www.rakuten.ne.jp/gold/●●●/●●●/image/kikaku/616x120_5x.gif" width="100%"></a><br><a href="https://event.rakuten.co.jp/campaign/point-up/wonderfulday/"><img src="https://www.rakuten.ne.jp/gold/●●●/●●●/image/kikaku/OneDayTouten7bai616x120.gif" width="100%"></a><br><img src="https://www.rakuten.ne.jp/gold/●●●/●●●/image/1x1dot.jpg" width="100%"><br></div>';
var q = jQuery.noConflict();
setTimeout(function(){
q( '#itemImageSlider' ).append( tag );
},1000);

})();
────────────────

これをスマホ商品ページに以下のように記述すれば読み込めると思ったのですが、うまくいきませんでした。
<script ="" src="https://www.rakuten.ne.jp/gold/●●●●/aaa.js"></script ="">


どのように修正すればよろしいでしょうか。
投稿内容について報告する



  • 返信者:非公開
  • 2019/11/01 19:36
ECマスターズの田中です。

楽天アプリの商品詳細画面は、
Webページとは異なる、アプリ独自の仕組みで作成されておりますので、
基本的には、Java………(省略)………
  • 返信者:非公開(質問者)
  • 2019/11/01 19:48
ECマスターズ
田中様

早々にご返答いただきありがとうございます。

商品説明文内でのJavaScriptによる表示を希望します。
宜しくお願いし………(省略)………
  • 返信者:非公開
  • 2019/11/01 20:14
ECマスターズの田中です。

それでは、aaa.jsの中身を、下記のようにご変更いただけますでしょうか。

//下のtag = ''の間に必要なクーポン………(省略)………
  • 返信者:非公開(質問者)
  • 2019/11/03 10:12
ECマスターズ
田中様

おはようございます。校長です。

以下の記述をしてみましたが、やはり画像(バナー)が表示されません。
どこが間違っているの………(省略)………
  • 返信者:非公開
  • 2019/11/03 12:48
ECマスターズの中野です。

> 校長さん

再度ご連絡いただきありがとうございます。
担当の田中より休み明けに確認・回答させていただきます。

………(省略)………
  • 返信者:非公開
  • 2019/11/04 15:02
ECマスターズの田中です。

aaa.jsの先頭に、前のバージョンで記載されていた
(function() {
が残っていたことが原因ですので、

………(省略)………
  • 返信者:非公開(質問者)
  • 2019/11/04 16:19
ECマスターズ
田中様

お世話になっております。

https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/
………(省略)………
  • 返信者:非公開
  • 2019/11/04 18:21
ECマスターズの田中です。

失礼いたしました、
追記内容が一部不足しておりました。

大変お手数ですが、aaa.jsの末尾の
});});
を ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/11/05 10:00
ECマスターズ
田中様

お世話になっております。

差し替えましたが、やはりバナーは表示されません。

jsファイルの最後は

}
});………(省略)………
  • 返信者:非公開
  • 2019/11/05 10:50
ECマスターズの田中です。

> jsファイルの最後は
> (中略)
>これで良いですよね?

はい、それで結構です。

ですが、実際の sp_………(省略)………
  • 返信者:非公開(質問者)
  • 2019/11/05 11:14
ECマスターズ
田中様

お世話になっております。

差し替えましたが、やはりバナーは表示されません。

商品ページのスマートフォン用商品説明文 ………(省略)………
  • 返信者:非公開
  • 2019/11/05 11:25
ECマスターズの田中です。

私にて、前の返信にていただいた商品ページを楽天アプリにて確認したところ、
商品説明文の先頭に、添付画像のとおり表示されており………(省略)………
  • 返信者:非公開(質問者)
  • 2019/11/05 11:52
ECマスターズ
田中様

お世話になっております。
校長です。

表示されるようになりました。(キャッシュが残っていたのかもしれません)

商品………(省略)………
  • 返信者:非公開(質問者)
  • 2019/11/05 11:56
ECマスターズ
田中様

お世話になっております。
校長です。

表示順序についてですが、
────────────────
月間優良ショップ ………(省略)………
  • 返信者:非公開
  • 2019/11/05 14:55
ECマスターズの田中です。

それでは、設置したい位置に
<div ="" id="special_event"></div ="">
と追記していただ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/11/05 17:04
校長です。

何度も質問してしまい、申し訳ございませんでした。
おかげさまでわたくしのやりたいことが実装できました。

本当にありがとうございました。………(省略)………