ASPアフィリエイトコードの「テキストリンク」を、改変せず文章の途中に貼る方法
このページでは、 ASPのアフィリエイトコード(テキストリンク)を規約違反せず、改変なしで貼る方法について解説します!
例えば、A8.net みたいに、コードを貼りたい時ってあるよね。
アフィリエイトのa要素を切り取ってしまうとコード改変しちゃうことになるけど、コード改変を避けられる方法を解説するよ!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
おお!そのやり方が知りたかったんだ!
![おおかみくん](https://jinr.jp/manual/wp-content/uploads/2022/01/おおかみくん.jpg.webp)
改変なしのアフィリエイトリンクを作るついでに、コードを一元管理もできる
そんな方法をこれから解説します!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
アフィリエイトリンクをCode Snippetsで一元管理しつつ、文章の途中に貼り付ける方法について解説していきます。
コード改変なし!アフィリエイトの「テキストリンク」を文章の途中に貼る方法
Code Snippetsのプラグインを入れる
WordPressの管理画面から「プラグイン」>「新規追加」へと進んでください。
![](https://jinr.jp/manual/wp-content/uploads/2022/06/スクリーンショット-2022-06-07-15.43.20.png)
続いて、画面右側にあるプラグインの検索窓で「Code Snippets」と検索してください。
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-17-8.39.24.jpg)
そうすると、このようなプラグインが出てくるので「今すぐインストール」のボタンを押してください。しばらく待つと「有効化」のボタンが出てくるので、それもクリックしましょう。
新規スニペットを開く
管理画面の左側にあるメニューにある「スニペット」>「新規追加」をクリックします。
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-17-9.55.51-1024x686.png)
すると、このような画面になります。
ここに貼り付けるコードを、これからジェネレーターを使って生成していきます。
ジェネレーターを使う
では、Code Snipetsジェネレーターのツールを開いてください。
するとこういった画面があります↓
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-17-9.19.55-1.jpg)
ジェネレーターの「 」の箇所に貼り付けるアフィリエイトコードを、これから作るよ!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
以下のように<span>で囲ったアフィリエイトコードを作ってください。
<span class="jinr-img-inline">
ここにアフィリエイトコードを貼り付ける
<span>
これを に貼り付けてください!
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-17-10.55.53.png)
生成されたPHPコードを貼り付ける
ジェネレーターの「 」の場所にPHPコードを書き出してくれます。
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-17-10.53.34-1024x902.jpg)
これを先ほどの、Code Snipetsに貼り付けましょう!
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-17-9.55.51-1.png)
貼り付けが終わったら保存ボタンを押してください。
ショートコードを本文に貼る
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-17-10.57.12-1024x268.png)
このジェネレーターの「 」で出来上がったショートコードをコピーして、アフィリエイトリンクを挿入したい場所に書き込みましょう!
使用例はこんな感じです↓
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-17-10.30.49.png)
「追加CSS」にコードを追加
ただし、このまま使うとimg要素が邪魔して改行されてしまうよ。
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-17-11.01.34.png)
これを修正するために「追加CSS」にコードを追加してください!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
.jinr-img-inline img{
display:inline-block;
}
- 追加CSSはどこに記載する?
-
WordPressの「カスタマイズ」を開いて「追加CSS」に進みましょう!
すると、CSSコードを追加できる画面になります↓
ここに、以下のコードを追加しましょう。
テキストリンク&アフィリエイトコード管理が完了!
これで、テキストリンクの作成・アフィリエイトコード管理が同時に完了しました!
アフィリエイトコードを変更してたいときも、大元のスニペットコードを変更すると、全ページのアフィリエイトコードを編集できるよ!
コード張り替え対応が1発で済むからすごく便利だね。
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)