- 文字サイズ変更
- 小
- 中
- 大
解決済
楽天アプリ 商品ページ中に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 ="">
どのように修正すればよろしいでしょうか。
校長と申します。
楽天アプリでは共通バナーのように一括でバナーを反映することができません。
各商品ページのスマホ用説明文にバナーを貼るのは大変なので、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 ="">
どのように修正すればよろしいでしょうか。
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2019/11/01 19:36
ECマスターズの田中です。
楽天アプリの商品詳細画面は、
Webページとは異なる、アプリ独自の仕組みで作成されておりますので、
基本的には、Java………（省略）………
楽天アプリの商品詳細画面は、
Webページとは異なる、アプリ独自の仕組みで作成されておりますので、
基本的には、Java………（省略）………
- 返信者：非公開（質問者）
- 2019/11/01 19:48
ECマスターズ
田中様
早々にご返答いただきありがとうございます。
商品説明文内でのJavaScriptによる表示を希望します。
宜しくお願いし………（省略）………
田中様
早々にご返答いただきありがとうございます。
商品説明文内でのJavaScriptによる表示を希望します。
宜しくお願いし………（省略）………
- 返信者：非公開
- 2019/11/01 20:14
ECマスターズの田中です。
それでは、aaa.jsの中身を、下記のようにご変更いただけますでしょうか。
//下のtag = ''の間に必要なクーポン………（省略）………
それでは、aaa.jsの中身を、下記のようにご変更いただけますでしょうか。
//下のtag = ''の間に必要なクーポン………（省略）………
- 返信者：非公開（質問者）
- 2019/11/03 10:12
ECマスターズ
田中様
おはようございます。校長です。
以下の記述をしてみましたが、やはり画像（バナー）が表示されません。
どこが間違っているの………（省略）………
田中様
おはようございます。校長です。
以下の記述をしてみましたが、やはり画像（バナー）が表示されません。
どこが間違っているの………（省略）………
- 返信者：非公開
- 2019/11/03 12:48
ECマスターズの中野です。
> 校長さん
再度ご連絡いただきありがとうございます。
担当の田中より休み明けに確認・回答させていただきます。
………（省略）………
> 校長さん
再度ご連絡いただきありがとうございます。
担当の田中より休み明けに確認・回答させていただきます。
………（省略）………
- 返信者：非公開
- 2019/11/04 15:02
ECマスターズの田中です。
aaa.jsの先頭に、前のバージョンで記載されていた
(function() {
が残っていたことが原因ですので、
………（省略）………
aaa.jsの先頭に、前のバージョンで記載されていた
(function() {
が残っていたことが原因ですので、
………（省略）………
- 返信者：非公開（質問者）
- 2019/11/04 16:19
- 返信者：非公開
- 2019/11/04 18:21
ECマスターズの田中です。
失礼いたしました、
追記内容が一部不足しておりました。
大変お手数ですが、aaa.jsの末尾の
});});
を ………（省略）………
失礼いたしました、
追記内容が一部不足しておりました。
大変お手数ですが、aaa.jsの末尾の
});});
を ………（省略）………
- 返信者：非公開（質問者）
- 2019/11/05 10:00
ECマスターズ
田中様
お世話になっております。
差し替えましたが、やはりバナーは表示されません。
jsファイルの最後は
}
});………（省略）………
田中様
お世話になっております。
差し替えましたが、やはりバナーは表示されません。
jsファイルの最後は
}
});………（省略）………
- 返信者：非公開
- 2019/11/05 10:50
ECマスターズの田中です。
> jsファイルの最後は
> （中略）
>これで良いですよね？
はい、それで結構です。
ですが、実際の sp_………（省略）………
> 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 ="">
と追記していただ………（省略）………
それでは、設置したい位置に
<div ="" id="special_event"></div ="">
と追記していただ………（省略）………
- 返信者：非公開（質問者）
- 2019/11/05 17:04
校長です。
何度も質問してしまい、申し訳ございませんでした。
おかげさまでわたくしのやりたいことが実装できました。
本当にありがとうございました。………（省略）………
何度も質問してしまい、申し訳ございませんでした。
おかげさまでわたくしのやりたいことが実装できました。
本当にありがとうございました。………（省略）………
このフォーラムへの質問は終了しました
質問を検索する