アフィリエイトリンク(テキストリンク)が改行されるのを防ぐ方法

アフィリエイトの基礎知識

今回はアフィリエイトリンクのテキストリンクが改行されるのを防ぐ方法です。

文中に自然な感じでアフィリエイトリンク入れたいのに上手くできないというケースの対処です。

アフィリエイトリンクが改行されるのはインプレッションタグが原因

アフィリエイトリンクは1ピクセル×1ピクセルのimgタグが含まれる事が多いです。

↓こんな感じのimgタグが含まれます。

<img border="0" width="1" height="1" src="https://◯◯" alt="">

これが広告の表示された回数などを計測するインプレッションタグになるのですが、これが入っているとテキストリンクが改行になってしまいます。

このインプレッションタグを削除すれば改行されませんが、表示回数などを正しく計測できなくなってしまうので削除は厳禁です

ちょっと面倒ですがCSSで改行しないようにしていきます。

アフィリエイトリンクが改行されるのを防ぐ方法

まずはスタイルシート(CSS)に以下記述を追加します。追加場所はCSSの一番下に追加でOKです。

/* アフィリエイトリンクを改行しない */
.img-inline > img {
       display: inline !important;
}

追加できたら保存。

後はアフィリエイトリンクを以下のように「span class=”img-inline”」と「/span」で囲ったらOKです。

<span class="img-inline">ここにアフィリエイトのコード</span>
MEMO

WordPress利用の方は「Add Quicktag」のプラグインを利用すればよく使うタグをすぐに呼び出す事ができますので毎回使うタグは登録していくのがおすすめです。

これで文中のテキストリンクでも「検索順位チェックツールGRC」のように改行されません。

それでも改行される場合

上記CSSで追加しても改行される場合はアフィリエイトリンクの改行部分を削除してみて下さい。

アフィリエイトリンクは「aタグ(a href)」と「imgタグ」で構成されてるのがほとんどですが、この「aタグ」と「imgタグ」が改行されているとテキストリンクが改行されてしまいます

そのため、「aタグ」と「imgタグ」の改行されてるものは改行をなくしてつなげる事で改行しないテキストリンクになります。

↓Before
アフィリエイトリンクの改行しないようにする1

↓After
アフィリエイトリンクの改行しないようにする2

以上アフィリエイトリンクが改行されるのを防ぐ方法でした。

■アフィリエイトリンクをボタン化する方法はこちら。

アフィリエイトリンクをボタン化する方法。2つ横並びボタンのやり方も紹介
以前コメントで質問があったので、今回は「アフィリエイトリンクをボタン化する方法。2つ横並びボタンのやり方も紹介」を解説してみたいと思います。注意点もあるので、一...

■おすすめのASPとそれぞれの特徴はこちら。

初心者におすすめのアフィリエイトASPと選び方
アフィリエイトを始めるにあたって必要になるのが広告なんですが、その広告を扱うためにはASPへの無料会員登録が必要になります。 今回はアフィリエイトに必要な...

コメント

タイトルとURLをコピーしました