アフィリエイトのリンクを貼る時に改行される場合の簡単な改善方法

AKIYUKI (金子晃之)このブログの人

パソコン教室を経営しています。PC関連を主に書いています。⇒Twitter

テキストタイプのアフィリエイトリンクを貼る時に、勝手に改行されちゃうことありませんか?

例えば、アフィリエイトをする方はA8.net
に登録しましょう!

っという感じに、リンクの後に文字を入れたいのに強制的に改行されてしまうなんてことありますよね。

本当だったら、アフィリエイトをする方はA8.netに登録しましょう!ってな感じに続けて表示させたいですよね!
そんな困ってる方への解決策を載せています。

あきゆき
アフィリエイトで本気で稼ぎたい人向けに「超初心者向けアフィリエイト講座【知識0から副業で月1万円コース】」を作りました。発売記念で今だけの超特価価格です。
スポンサーリンク

なぜ勝手に改行されてしまうのか

原因が分からないと、何が原因で修正できたのかが分からないので一緒に覚えちゃいましょう。

アフィリエイトリンクのリンクを貼り付ける時は

アフィリエイト強制改行

こんなような感じでそのまま貼り付けますよね。

基本的にタグで改行される場合は、<br>もしくは<p>のタグを使うのですがコードを見ると全くありませんね。

実はこの3行目にある<img border~ で始まる<img>タグと言われるところが原因の1つです。

この<img>の中に、高さ1px、幅1pxの画像が配置されているんです。
これはクリックした回数や表示回数を計測するために必要な画像なのですが、これが邪魔して改行されてしまいます。

そしてその<img>がブロックレベル要素で設定されているのが原因です

CSSで確認すると「img {display: block;}」に設定されているのです。
これを解除すれば問題は解決します。

ブロックレベル要素とは、見出しや段落などと同じで1つのブロックとして認識されます。
なので、一般的なブラウザで見ると改行されるようになります。

強制改行されないようにする方法

アフィリエイトのテキストリンクを強制改行されないようにするには、ブロックレベル要素を解除することなのでCSSの設定を変更する必要があります。

では、スタイルシートにブロック要素を削除するコードを追加します。

.d-inline > img {
display: inline-block !important;
}

上記のコードをコピーしましょう。

コピーしましたら、Wordpressの管理画面を開き「外観→テーマの編集」に移りスタイルシート編集画面を出してください。
編集画面を出しましたら、コピーしたコードを貼り付けましょう。

貼り付ける場所がわからない場合は、真ん中あたりに他のコードと被らないように追加してください。
スクリーンショット 2016-02-05 1.28.07

そうしましたらアフィリエイトのリンクを、追加した下記のタグで囲みます。

<span class="d-inline">リンク</span>

このリンクの所に、表示させたいアフィリエイトリンクを貼りましょう。

スクリーンショット_2016-02-05_2_17_15

そうすることにより、アフィリエイトリンクの後に文字を入力することができます。

成功すればこんな感じです!

アフィリエイトをするときはA8.netを登録しましょう。

やってみたけど成功しない場合

やってみたけど改行されるよって方は、普通の改行を見落としている可能性があります。

いやいや、見落としていないよって方も絶対確認してみてください。

そのままアフィリエイトリンクを張ってしまうと、右端が空白になっているのが分かります。
ここが改行されているので、ここの改行を削除しましょう。

スクリーンショット_2016-02-05_1_48_38

この状態をサイト上のコードをよく確認するとどうなるかというと

スクリーンショット_2016-02-05_2_00_15

こんな感じになっています。

真ん中に<br>が入っているのが分かりますでしょうか。
これが改行されている原因です。

なので必ずこの改行を削除しましょう!

そうすれば完璧です。

毎回コピペして貼るのはめんどくさいという方へ

毎回コードをコピペするのはめんどくさいですよね。

そんな方は、Wordpressのプラグインで「Add Quicktag」というのがあります。
これを使用すればワンボタンで使うことができます!

プラグインをインストールしたら

設定の中にある、AddQuicktagを開いてください。

そうしたら

スクリーンショット 2016-02-05 2.40.43

このように入力しましょう。

そうすると記事を書く欄の、リンクを貼ったりするツールの所に「Quicktags」というボタンが追加されています。
リンクを選択したのち、「リンク改行阻止」を選んであげれば勝手にタグが挿入されます。

アフィリエイトリンクの改変は禁止されている

アフィリエイトリンクの改変は基本的に禁止されている場合が多いです。

この変更する方法に関しては「[Stinger5] テキストタイプのアフィリエイトリンクがimgタグで勝手に改行される – 黒猫さんぽみち」さんの方法を参考にさせて頂いております。

リンク先でも書いてありますが

勝手に改変すると報酬がなくなる可能性があります。
そのため、使用は自己責任でお願いいたします。

※追記:現在私は使わないようにしました。改行されたまま使っています。

ここを必ず理解してからご使用してください。

まとめ

最後にも書きますが、使用は自己責任でお願いいたします。

多くのアフィリエイターがこのテクニックを使っているのを見かけますが、100%大丈夫という保証はありません。

ですが、この方法を使わなければかなり不自然な文章になってしまいますので、困っていた方は是非参考にしてみてください。

貼る広告によっても違ったりするので、不安な方は必ず確認を取ってください。

コメントを残す

メールアドレスが公開されることはありません。