[スクリプト]バナー(リンク+バナー画像)を差し替える

バナー(リンク+バナー画像)差し替えスクリプトは、ポップアップやオーバーレイのアクション配信ではなく、サイト上に表示されているリンク付きのバナーを指定して、別の画像に差し替えをすることができるテンプレートです。

AタグのCSSセレクターを入力して、リンク及び、リンク内の画像を差し替える形になります。

注意事項


  • KARTEのタグは非同期型となっており、サイト上の描画が全て完了後にKARTEタグが読みだされ、そのタイミングで画像差し替えが行われます。ですので、サイト上の読み込みに時間がかかる場合は表示にタイムラグがございます。要素の指定箇所に画像がある場合は、一度画像が表示され、その後に上書きされるような挙動になります。
  • 画像のサイズが異なる場合など、サイトの表記が崩れてしまう可能性があるので、必ずテスト配信をして、問題がないかをご確認の上で配信ください。
  • CSSセレクターの指定を間違った場合、サイトに設置されている全ての画像を削除していまうなどの、非常に危険度の高い指定が可能になってしまいますので、十分注意してご利用下さい。

 

利用するテンプレート


 

設定方法


  • 差し替えたいJQueryセレクター欄に、差し替えを希望するAタグのCSSセレクタを記入し、差し替えURLを入力します。
    例:<img src="/img/banner/campaign.jpg" class="karte_image" alt="キャンペーンバナー">の場合、
      CSSのclass/idを含めたセレクタを下記の通り指定、記入していただきます。

__________2017-09-11_17.06.37.png

 

  • 続いて、差し替えるバナーを下記から設定します

  • 画像のサイズを変更したい、クリックカウントをとりたい等の場合は、下記をご設定下さい