比較表のブロックを追加しました!
応用設定

ASPアフィリエイトコードの「テキストリンク」を、改変せず文章の途中に貼る方法

ひつじ
<景品表示法に基づく表記> 当サイトの記事内に商品プロモーションを含む場合があります。

このページでは、 ASPのアフィリエイトコード(テキストリンク)を規約違反せず、改変なしで貼る方法について解説します!

例えば、A8.net みたいに、コードを貼りたい時ってあるよね。

アフィリエイトのa要素を切り取ってしまうとコード改変しちゃうことになるけど、コード改変を避けられる方法を解説するよ!

ひつじくん
ひつじくん

おお!そのやり方が知りたかったんだ!

おおかみくん
おおかみくん

改変なしのアフィリエイトリンクを作るついでに、コードを一元管理もできる

そんな方法をこれから解説します!

ひつじくん
ひつじくん

アフィリエイトリンクをCode Snippetsで一元管理しつつ、文章の途中に貼り付ける方法について解説していきます。

確認環境

WordPressテーマ「JIN」「JIN:R」を利用しています。

コード改変なし!アフィリエイトの「テキストリンク」を文章の途中に貼る方法

Code Snippetsのプラグインを入れる

WordPressの管理画面から「プラグイン」>「新規追加」へと進んでください。

続いて、画面右側にあるプラグインの検索窓で「Code Snippets」と検索してください。

そうすると、このようなプラグインが出てくるので「今すぐインストール」のボタンを押してください。しばらく待つと「有効化」のボタンが出てくるので、それもクリックしましょう。

新規スニペットを開く

管理画面の左側にあるメニューにある「スニペット」>「新規追加」をクリックします。

すると、このような画面になります。

ここに貼り付けるコードを、これからジェネレーターを使って生成していきます。

ジェネレーターを使う

では、Code Snipetsジェネレーターのツールを開いてください。

するとこういった画面があります↓

ジェネレーターの「 」の箇所に貼り付けるアフィリエイトコードを、これから作るよ!

ひつじくん
ひつじくん

以下のように<span>で囲ったアフィリエイトコードを作ってください。

<span class="jinr-img-inline">
ここにアフィリエイトコードを貼り付ける
<span>

これを に貼り付けてください!

生成されたPHPコードを貼り付ける

ジェネレーターの「 」の場所にPHPコードを書き出してくれます。

これを先ほどの、Code Snipetsに貼り付けましょう!

貼り付けが終わったら保存ボタンを押してください。

ショートコードを本文に貼る

このジェネレーターの「 」で出来上がったショートコードをコピーして、アフィリエイトリンクを挿入したい場所に書き込みましょう!

使用例はこんな感じです↓

「追加CSS」にコードを追加

ただし、このまま使うとimg要素が邪魔して改行されてしまうよ。

ひつじくん
ひつじくん

これを修正するために「追加CSS」にコードを追加してください!

ひつじくん
ひつじくん
.jinr-img-inline img{
	display:inline-block;
}
Q
追加CSSはどこに記載する?

WordPressの「カスタマイズ」を開いて「追加CSS」に進みましょう!

すると、CSSコードを追加できる画面になります↓

ここに、以下のコードを追加しましょう。

テキストリンク&アフィリエイトコード管理が完了!

これで、テキストリンクの作成・アフィリエイトコード管理が同時に完了しました!

アフィリエイトコードを変更してたいときも、大元のスニペットコードを変更すると、全ページのアフィリエイトコードを編集できるよ!

コード張り替え対応が1発で済むからすごく便利だね。

ひつじくん
ひつじくん

他の記事も読んでみましょう
ABOUT ME
ひつじ
ひつじ
ブロガー / デザイナー
WordPressテーマ「JIN」の制作者として、設計とデザインを担当している。

会社員として働くのが嫌すぎて、2016年に収入0円でブログ起業。SEOとアフィリエイトを組み合わせて開始1年で月100万円超の利益を達成する。

しかしその反動でアフィリエイトには飽きてしまい、もともと好きだったデザインを武器に、チームでWordPressの開発をおこなっている。
BLOGCAMP

限定コミュニティへのご案内

  • 参加費は永年無料
  • ブログ仲間が作れる
  • 困ったら相談OK
  • ブログ診断のイベントあり
参加者は3,000人超え!

すでに参加してくれている方は、「BlogCamp wiki」でブログ診断(アーカイブ)の限定動画を閲覧可能です。

wiki内にブログ勉強用の動画がたくさんあります!ぜひ役立ててくださいね。

ひつじくん
ひつじくん
記事URLをコピーしました