自宅サーバー>SSLサイト設置>このブログを丸ごとSSL化する際のアフィリエイト広告対応

このブログを丸ごとSSL化する際のアフィリエイト広告対応

2016/07/29[公開] 2020/01/23[最終更新]

（2017/12/16追記）現在は、Amazon、楽天、A8.netすべてが公式の広告コードでSSLページに完全対応しています。以下の記事は公開当時の古いままの情報です。

​

　ここのデフよんブログ全体をSSL化するにあたって、ネックになるアフィリエイト広告をSSLに対応させた内容です。このブログでは、プライバシーポリシーページで明示している通り、Googleアドセンスと、アフィリエイトはAmazon、楽天、A8.netを利用しています。先に書いておきますが、ここのブログの運用方法ではSSL化しても大丈夫でしたが、がっつりアフィリエイトをやるならサイト丸ごとSSL化はお勧めしません。

このページの目次

スポンサー リンク

基本方針

　当ブログは、広告関係はGoogle Adsenseがメインです。ほとんどこれだけと言ってもいいですが、ロードバイクや自宅サーバーの記事を書くときに、パーツの商品紹介のリンク先にAmazonや楽天のアフィリエイトを使います。A8.netのアフィリエイトは商品ではないサービス関係の記事を書くときに、合致したものがあれば使いますが、このブログでは数記事にしか使っていません。

　Google AdsenseとA8.netは公式にSSLに対応した広告リンクが貼れるので良いのですが、Amazonと楽天に関しては、外部のEmbed（埋め込み）サービスを使うので正式な運用方法ではないです。報酬が反映される保証が必ずしもできない前提でご覧ください。

Google Adsense

 Googleアドセンスは、最初からSSL通信に対応した広告コードになっています。私が知る限りでは2014年にこのブログを始めた時には、既にSSLに対応していました。このブログはGoogle公式 Adsenseプラグインを使っているので、何もする必要なしです。過去記事はコチラ

デフよん
 
【Google公式プラグイン】Google AdSenseでアドセンス簡単設置
https://def-4.com/google-adsense_plugins

　古いSSLに対応していない広告リンクがあれば、http://～を//～に変更する必要があります。

A8.net

　アフィリエイトA8.netは、ごく最近SSLに対応するようになったようです。現在、A8.netにログインして参加中プログラムの広告コードを発行すると、https://～の広告コードになっていました。少し前まではhttp://～だったプログラムもhttps://～に変わっています。

　ただし、過去貼り付けた広告コードを、全部新しいSSL対応のコードに修正する必要があります。当サイトでは2箇所だけだったので簡単でしたが。

【広告】A8.netの広告サンプルです。サンプルとして貼っていますが、当サイトでプログラム参加中の本当の広告です。

Amazonアソシエイトと楽天アフィリエイト

　Amazonアソシエイトと楽天アフィリエイトは、公式にはSSL通信には対応していません。Amazonは、テキストのみの広告と、画像のみの広告コードならばhttpをhttpsに修正すればブラウザ上で緑の 鍵マークが出ます。。楽天はテキストのみの広告しかダメでした。（表示上 鍵マークが出たというだけで、コードを修正したら公式にサポートされなくなります。報酬が必ず反映される保証はなくなります。）

　ただし、実際に使いたいのはテキストとイメージ（画像とテキスト）の広告であり、この広告コードはhttpsに書き換えるだけだとダメでした。混在コンテンツが発生して鍵マークが外れます。

【広告】Amazonのテキストのみ広告です。

ケースオープナーセット

【広告】Amazonの画像のみ広告です。

(2016/08/19追記）　Amazonアソシエイトのコードを修正して、SSL対応にする方法もありました。こちらの記事の追記部分をご覧ください

デフよん
 
AmazonアソシエイトがSSL通信に対応していますよ
https://def-4.com/amazon-associates-ssl

Embed.lyでコード埋め込み

　記事本文中に広告コードを挿入するのなら、Embed.lyのEmbed Code Generatorで作成したコードでAmazonも楽天もSSL対応の広告を出すことができました。Embed Code Generatorはコチラ。Embed Code Generator | Embedly

公式広告コードから作成

　Amazonは、テキストのみの広告コードから＜a href=” ************* “＞の部分の************* をコピペして、Embed Codeを作成します。

　楽天は、画像とテキストの広告コードから＜a href=” ************* “＞の部分の************* をコピペして、Embed Codeを作成します。楽天のはかなり長いコピペです。

　作成されたEmbed Codeをテキストモードで貼り付けます。こんな感じで出すことができます。

【広告】Amazonの広告サンプルですが、本当の広告です。Amazon | ケースオープナーセット | ケース・カバー オンライン通販

多少の調整もできます

 Embed Code Generatorのプレビュー画面で、抜粋文の右上に出ている を押して抜粋文を表示しないコードを生成することができます。アイキャッチ画像もやけに大きく表示されたり、別な画像を引っ張ってくることがあり、その時もプレビュー画面で画像の右上の で非表示、画像左下の ボタンを押せばサムネイルサイズに小さく表示されたコードを生成することができます。

　上のサンプル広告は、コードにクラス名embedly-cardが付いているので、Style.cssでカードのように見えるように、枠とサイズを調整しています。

/*埋め込みに枠線を入れる */
.embedly-card {
        border: solid 1px #a9a9a9;
        padding: 2% ;
        max-width: 500px ;
}

　WordPressにはEmbedlyプラグインがあります。私は以前から、なんでもこれで埋め込みをするようになっていました。

デフよん
 
プラグインEmbedlyがWP4.4標準の埋め込みよりも便利
https://def-4.com/embedly-plugin

最後に

　以上で、ここのブログはSSL化することができました。Amazonと楽天に関しては、記事本文中にはアフィリエイト広告を入れられましたが、サイドバーのウィジェットなどにバナー広告を載せる方法はわかりません。私は元から載せてないのでいいのですが。また、実際に報酬が反映されるかどうかは保証できないし、しばらく（数ヶ月）様子を見る必要があります。

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です