アフィリエイトバナー広告を表示させ、中央寄せする方法【コピペ10秒】

A8や各種ASPのバナー広告のコードでは、多くの場合、ただコードを貼っただけでは左にずれてしまうと思います。

そこで本記事では、アフィリエイトバナー広告の表示方法とコードを中央寄せする方法を紹介します。（コピペでできます）

この方法は、swellやthor、cocoonなど各種テーマにも対応できます。
また、Gutenbergにて解説はしますが、テキストエディタ（旧）でも同様の対応にはなります。（テキストエディタの場合、最初からhtmlでの編集のため、カスタムhtmlというウィジェットを使わないだけです。）

バナー広告表示方法

バナー広告は下記3ステップです。

ステップ3まで終わった場合、一度プレビューなどで確認してみてください。

この際、バナーが表示されている場合は、設定が正しいです。

ただこの状態では、広告が左に表示されていると思います。

そこで次に、バナーを中央に表示させる方法を解説します。

コードは2行追加するだけ【10秒でできます】

早速本題ですが、下記コードのように挿入することで解決します。

<div style="text-align: center;">
アフィリエイトコード
</div>

こちらのアフィリエイトコードの部分には渡されたコードを入力してください。

ちなみにこの「center」を「right」にしたら右寄せにもできます。

バナー広告知識は必須

説明は以上です。

バナー広告はアフィリエイトを扱う上で必ず必要な知識のため、必ず扱えるようにしておきましょう。