アフィリエイト広告バナーにデフォルトで付与されている1px×1px画像の消し方を紹介します。

この画像が邪魔をするパターンとして考えられるのが、テキストにリンクを付与した際に改行されてしまうパターンと、imgタグにcssから高さ指定をした際に1px画像も同じ高さになり、画像1枚分の余白が出来てしまうパターンのどちらかだと思います。

前者であれば、imgタグがブロック要素として配置されているため、インライン要素の指定をしてあげるだけで解決できますが、後者のパターンでは同配下にあるimgに対して、別の命令を出さなければなりません。

そもそもこの画像は、広告単位の表示回数を管理画面から確認するために必要なものであり、実際の収益には影響しないようです。

外すことで成果発生そのものに影響はございませんが、広告単位の表示回数が管理画面上からご確認いただくことができなくなります。

https://mirumi.me/affiliate-1px-img

このような理由から、消してしまうという手段を講じることもできますが、商品広告では外部サイトの画像リンクからバナーを生成するため、削除することがそもそも出来ず、スタイルを上書きする必要があります。

解決策

nth-child()セレクタを利用する

.mycontainer span img:nth-child(2){
	height: 0;
}

.mycontainerは利用されているテーマによって異なる親クラスになりますが、span>img は共通になるので、分からない方は.mycontainer部分を削除して指定してみて下さい。　

命令文としては、spanタグ直下にあるimgタグ2つ目の高さを0pxにしてね。という意味になります。

この記述で、実際に表示したいバナー画像はそのままのサイズで、1px画像にのみCSSを適用することが可能になります。height以外にも、opacity:0; visibility:0　で非表示にする方法もあります。

CSSの操作は、Wordpressを利用している方であれば、【外観】→【テーマファイルエディタ】→【style.css】から可能です。記述後は【ファイルを更新】ボタンを押すことを忘れないよう注意してください。