買い物かご、注文完了ページ広告バナーの設定方法
PC買い物かご
編集テンプレート
テンプレート管理→買い物かご画面・上部
バナーサイズ
600px × 70px(1枚)
設定内容
<div class="content_block">
<div>
<script type="text/javascript">
(function(){
var viewst = new Date(2014,10-1,01,00,00,00); //日付変更は右記参考に Date(年,月-1,日,時,分,00) 開始
var viewed = new Date(2014,10-1,06,01,59,59); //日付変更は右記参考に Date(年,月-1,日,時,分,00) 終了
var today = new Date();
var vewhtml;
if((viewst - today) > 0){
// 開始前
vewhtml = '<a href="リンク先URL"><img src="バナー画像URL"></a>';
}else if((viewed - today) < 0){
//終了後
vewhtml = '<a href="リンク先URL"><img src="バナー画像URL"></a>';
}else{
//開始中
vewhtml = '<a href="リンク先URL"><img src="バナー画像URL"></a>';
}
document.write( vewhtml );
})();
</script>
</div>
</div>
PC注文完了
編集テンプレート
テンプレート管理→注文完了画面・中部
バナーサイズ
460px × 120px(4枚)
設定内容
<ul class="parallel_banner">
<script type="text/javascript">
(function(){
var viewst = new Date(2014,10-1,01,00,00,00); //日付変更は右記参考に Date(年,月-1,日,時,分,00) 開始
var viewed = new Date(2014,10-1,06,01,59,59); //日付変更は右記参考に Date(年,月-1,日,時,分,00) 終了
var today = new Date();
var vewhtml;
if((viewst - today) > 0){
// 開始前
vewhtml = '<li><a href="左上リンク先URL"><img src="左上バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li><li><a href="右上リンク先URL"><img src="右上バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li><li><a href="左下リンク先URL"><img src="左下バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li><li><a href="右下リンク先URL"><img src="右下バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li>';
}else if((viewed - today) < 0){
//終了後
vewhtml = '<li><a href="左上リンク先URL"><img src="左上バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li><li><a href="右上リンク先URL"><img src="右上バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li><li><a href="左下リンク先URL"><img src="左下バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li><li><a href="右下リンク先URL"><img src="右下バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li>';
}else{
//開始中
vewhtml = '<li><a href="左上リンク先URL"><img src="左上バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li><li><a href="右上リンク先URL"><img src="右上バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li><li><a href="左下リンク先URL"><img src="左下バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li><li><a href="右下リンク先URL"><img src="右下バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li>';
}
document.write( vewhtml );
})();
</script>
</ul>
ガラケ注文完了
編集テンプレート
テンプレート管理(モバイル)→注文完了画面・中部
バナーサイズ
192px × 53px(2枚)
設定内容
※ガラケーはJavaScript使えないので、切り替えなし
<div style="text-align:center">
<img src="https://img.ymall.jp/check/image/ymdweb/mb/common/space.gif" alt="" width="1" height="5" /><br />
<a href="上リンク先URL?__%session%__"><img src="上バナー画像URL(https://img.ymall.jp～で始まるURL)" width="192" height="53" /></a><br />
<img src="https://img.ymall.jp/check/image/ymdweb/mb/common/space.gif" alt="" width="1" height="5" /><br />
<a href="下リンク先URL?__%session%__"><img src="下バナー画像URL(https://img.ymall.jp～で始まるURL)" width="192" height="53" /></a><br />
</div>
スマホ注文完了
編集テンプレート
テンプレート管理(スマートフォン)→注文完了画面・中部
バナーサイズ
640px × 160px(2枚)
設定内容
<div class="content_base">
<ul>
<script type="text/javascript">
(function(){
var viewst = new Date(2014,10-1,01,00,00,00); //日付変更は右記参考に Date(年,月-1,日,時,分,00) 開始
var viewed = new Date(2014,10-1,06,01,59,59); //日付変更は右記参考に Date(年,月-1,日,時,分,00) 終了
var today = new Date();
var vewhtml;
if((viewst - today) > 0){
// 開始前
vewhtml = '<li><a href="上リンク先URL"><img src="上バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li><li><a href="下リンク先URL"><img src="下バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li>';
}else if((viewed - today) < 0){
//終了後
vewhtml = '<li><a href="上リンク先URL"><img src="上バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li><li><a href="下リンク先URL"><img src="下バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li>';
}else{
//開始中
vewhtml = '<li><a href="上リンク先URL"><img src="上バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li><li><a href="下リンク先URL"><img src="下バナー画像URL(https://img.ymall.jp～で始まるURL)"></a></li>';
}
document.write( vewhtml );
})();
</script>
</ul>
</div>
