飛び出すバナー設置君について

Question

お世話になります。
バナー設置君、下記ソース利用しました。
PC商品ページから離脱防ぐ為、別画面でもう一つ表示させる方法を教えてください。
よろしくお願いします。


例）
https://item.rakuten.co.jp/mekin-hiroba/10000210/





 


#fixedBanner1 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
background: url('https://image.rakuten.co.jp/mekin-hiroba/cabinet/05044763/imgrc0081478254.jpg') no-repeat left bottom/auto 100%;
top: 110px;
right: 0px;
text-align: center;
width: 116px;
height: 120px;
transition: 0.3s;
}

#fixedBanner1 a {
display: block;
width: 100%;
height: 100%;
}

#fixedBanner1:hover {
width: 616px;
}

Answer

ECマスターズの三輪です。

いただいたご質問ですが、確認いたしますので、
恐れ入りますが、ご回答まで今しばらくお待ちくださいますよう
お願いいたします。

Answer

ECマスターズの三輪です。

>バナー設置君、下記ソース利用しました。
> PC商品ページから離脱防ぐ為、別画面でもう一つ表示させる方法を教えてください。

今回、ご使用されているLINEバナーをAページ、Bページでも表示させるなど、
楽天のPCページに共通して表示させたい場合には
デザイン設定のヘッダー・フッター・レフトナビ、
もしくは共通説明文（大）今回のソースコードに貼り付けてください。

ページごとにバナーを表示させるか使い分ける場合は、
商品ページごとにPC用商品説明文欄にソースコードに貼り付けてください。

また、商品ページに複数のバナーを設置したい場合は、
デザインレシピ「3：実際に２つ以上の固定バナーをつくる」
をご参考下さい。
https://club.ec-masters.net/index.php?design_page8

Answer

三輪さん

すでにpcヘッダーにソース貼り付けてますので全商品ページに「飛び出すバナーライン」できています。
私がお尋ねしたいのは

1)ユーザーが商品ページ閲覧する
2)飛び出すバナークリックする

同一画面で、操作してしまうので
商品ページには、戻るしかないのです。

ですので、

バナークリック後は、別windowで開く方法が知りたいです。

言うなら、

商品ページ画面と、バナークリック後LINEお友達の画面の二つが開くようにしたいです。

デザインレシピでは

クーポン獲得後のリンク先を指定する方法
２０００円OFFクーポン

と言う例もあります。

質問したソースに、単純に &rdをどこか？にいれたらいいのですかね？
その場所がわかりません。

よろしくお願いします

Answer

ECマスターズの三輪です。

> 商品ページ画面と、バナークリック後LINEお友達の画面の二つが開くようにしたいです。

【バナー設置君のソースコード】
リンク先のURLの後ろにtarget="_blank"と記述いただくことで
バナークリック後LINEお友達の画面の二つが開くようになります。

 
↓
 

リンク先を新規ウィンドウするなど、詳しくは以下をご覧ください。
https://www.tagindex.com/html_tag/link/a_target.html

Answer

三輪さん

ありがとうございまいた。
解決しました。