アフィリエイトの広告リンク画像が押せない/クリックできない時の解決策

アフィリエイト商品画像クリックできない押せない

先日、私の別のサイトに設置した、アフィリエイト広告のリンク画像をクリックしても押せない(飛ばない)といった不具合(症状)があったので、その時の原因と対処法をご紹介します。

アフィリエイトの広告リンク画像が押せない/クリックできない時の解決策

リンク画像クリックができない?

例えば、このようなアフィリエイトのリンク画像があります。
(有名な賢威ですが)

正常であればユーザーがリンク画像をクリックすれば商品のリンク先へ誘導してあげる事が出来ます。

しかし、今回の私の症状は下記の画像のように 、
黒い枠の中はクリックができない
赤い枠の中はクリックができる
といった現象が起きました。

アフィリエイト商品画像クリックできない押せない

いくら黒い枠の中をクリックしても押せない状況です。
押せるのは下部の狭い赤枠の中だけ。

この症状をこのまま放置しておくと、せっかくユーザーがクリックしてくれたのに、何も反応が起きなくてユーザーは離脱してしまいます。これは勿体ない。

また、赤枠の限られた狭い範囲をクリックするのを期待しても確立的に少ない希望です。

リンク画像をクリックできない原因

私のサイトでは「右クリック禁止」の処置をCSSで追加していました。

右クリック禁止例:

img {
  pointer-events:none;
}

これが影響して、本件の商品リンクがクリックできない症状の原因でした。

クリックできない問題を解決するには

そうです、まずは追加した右クリック禁止のCSSを削除してみましょう。

本件だけじゃなく、何が影響しているか分からなくなってしまった時は、まずは、一つずつCSSを消して検証してみましょう。

基本的な知識はやはり大切ですね。

 

 

コメント