[ASP] バリューコマースの広告コードのimgは削除してもいい？→改変は禁止/CSSで対処 [アフィリエイト]

先日、ASPのバリューコマースに登録しました。目当てのアフィリエイトはYahoo!ショッピングとebookjapanです。

バリューコマースの広告で余計な隙間ができる

早速、広告コードを取得して、ブログに貼り付けたのですが、余計な隙間ができていることに気が付きました。広告コードを見てみると、「height=1 width=0」のimgタグが入っていました。

<img src="(省略)" height="1" width="0" border="0">

小さいimgタグはWebビーコン

これはWebビーコンというもので、バリューコマースがアクセス数を取得するためのものです。

バリューコマースの広告コードの改変は禁止

デザインが崩れるからといって、このimgタグを削除してはいけません。バリューコマースで生成した広告コードの改変は禁止されています。

広告コードの改変はできません。ただし以下の修正や変更は改変にあたりません。

広告リンクにtarget=”_blank”属性を追加する

広告リンクのrel属性を追加・変更する

広告リンクにalt属性を追加する

広告リンクにmedia属性を追加する

広告コードがAMPサーバーサイドレンダリングによりソースコード上で変更された場合

広告コードがAMPクライアントサイドレンダリングによりDOM上で変更された場合

引用元: 広告コードは改変できますか？

CSSで対処

また、私のブログでは、記事内の画像にCSSで1pxのborderをつけているので、このWebビーコンにもborderがついていました。

borderはCSSで消しました。

img[height="1"]{
	border-width: 0;
}

1pxの隙間については、今のところはposition: absoluteで対処しています。

/*親要素*/
.parent{
    position: relative;
}
.parent img[height="1"]{
    position: absolute;
    top: 0;
    left: 0;
}