画像差し替えスクリプト

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

imgタグのCSSセレクターを入力して、画像を差し替える形になります。

注意事項


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

 

利用するテンプレート


 

設定方法


  • 差し替えたいJQueryセレクター欄に、差し替えを希望するimgタグのCSSセレクタを記入します

  • ページ上に差し替えたい画像を用意してuploadします

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