Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

もしもアフィリエイトのリンクボタンの付...
 
共有:
通知
すべてクリア

[解決済] もしもアフィリエイトのリンクボタンの付け方

11 投稿
2 ユーザー
1 Reactions
3,305 表示
(@azuki)
Eminent Member Registered
結合: 7年前
投稿: 37
Topic starter  

わいひら様、皆様、こんにちは。

色々過去の記事を検索して調べたのですが、どうしても分からなくて、こちらにてお尋ねさせてください。当方は下記のブログを運営中です。また、現在シーサーブログにある別のサイトを、cocoonに引っ越しをしている最中です。これからアフィリエイトボタンの付け直しなどなど、作業が山盛りです!

----------------------------------------------
サイト名:元気に老いるため今日も頑張ってます
サイトURL: https://gambaru-life.com
ホームURL: https://gambaru-life.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/hygiene/style.css
Wordpressバージョン:5.0.4
PHPバージョン:7.2.14
ブラウザ:Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:1.7.5
カテゴリ数:12
タグ数:1
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.2
----------------------------------------------
Gutenberg:0
AMP:1
PWA:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:1
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1.1
BackWPup 3.6.8
Category Order and Taxonomy Terms Order 1.5.5
Edit Author Slug 1.6.0
Google XML Sitemaps 4.1.0
Imagify 1.8.4.1
Jetpack by WordPress.com 7.2.1
PS Auto Sitemap 1.1.9
Regenerate Thumbnails 3.1.0
Simple 301 Redirects 1.07
TinyMCE Advanced 5.0.1
WebSub/PubSubHubbub 3.0.2
Wordfence Security 7.2.5
WP Multibyte Patch 2.8.2
----------------------------------------------

さて、教えて頂きたいのは、アマゾン、楽天、ヤフーショッピングのアフィリエイトボタンの付け方についてです。

私は上記3社のアフィリエイトについて、上記サイトでは、古いカエレバ・ヨメレバを貼ったままにしています。もしもアフィリエイト経由になっています。アマゾンアソシエイトには申し込んでおりません。アマゾンについては、PA-APIルールの変更で、もしもアフィリエイトでは報酬が発生しなくなるのではないかというお話しがありましたが、今のところ、以前と変わらず発生しています。アマゾンアソシエイトは審査に通る自信がないので、このままもしもアフィリエイト経由を続けていこうと考えております。

問題は、「カエレバ」が利用できなくなったので、これからアマゾン、楽天、ヤフーのリンクボタンをどうするかということです。もしもアフィリエイトには「かんたんリンク」という、アマゾン、楽天、ヤフーの3つのリンクボタンを並べて表示できる機能がありますが、AMPページでは全く表示されない(商品画像さえ映らない)ので、使用したくありません。(←シーサーブログではそうでした。cocoonでは大丈夫なのでしょうか??)

私としては、わいひら様の記事:

「商品リンク機能を、もしもアフィリエイト経由にする方法」

にあるような、3つのボタンをAMPページでもPCでも表示できるようにしたいのですが、これはアマゾンアソシエイトを利用していない場合は不可能なのでしょうか?

また、別の記事:

「楽天商品リンクブックマークレットの使い方」

の設定も試してみました。

商品画像やボタンはうまく表示され、各リンクにも飛びましたが、これは楽天アフィリエイト(もしもアフィリエイト経由ではなく、本家楽天アフィリエイト)の対象になっているだけで、アマゾンとヤフーショッピングのアフィリエイトとは無関係(ただリンクに飛んでいるだけ)ということでしょうか??

アマゾンアソシエイトを利用せず、もしもアフィリエイトを利用している者が、どうしたらアマゾン、楽天、ヤフーショッピングのリンクボタンをカエレバのように表示できるか、またスマホAMPページでも表示できるかを、恐れ入りますがどなたかご教授下さいますよう、よろしくお願い致します!!

また、願わくば、ヤフーショッピングのみ、報酬額が高いバリューコマースを利用したいのですが、そういうリンクのさせ方(ボタンの作り方)は可能でしょうか??こちらにつきましても、どなたかご教授くだされば幸いです。

どうもありがとうございます!!

 

 


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

私は上記3社のアフィリエイトについて、上記サイトでは、古いカエレバ・ヨメレバを貼ったままにしています。もしもアフィリエイト経由になっています。

旧カエレバで作成したファイルがあるのであれば、そのままにしておいた方が良いかと思います。
カエレバで作成したタグは、静的タグなので、今後ももしも経由で報酬が発生すると思います。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

AMPページでは全く表示されない(商品画像さえ映らない)ので、使用したくありません。(←シーサーブログではそうでした。cocoonでは大丈夫なのでしょうか??)

CocoonのAMP化では、基本的に大丈夫とは思います。
ただ実際にやってみないと何とも言えません。どんなタグが実際にけられているのかわからないので。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

「商品リンク機能を、もしもアフィリエイト経由にする方法」

にあるような、3つのボタンをAMPページでもPCでも表示できるようにしたいのですが、これはアマゾンアソシエイトを利用していない場合は不可能なのでしょうか?

こちらの方法は、Amazonアソシエイトを利用していないと不可能です。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

「楽天商品リンクブックマークレットの使い方」

の設定も試してみました。

商品画像やボタンはうまく表示され、各リンクにも飛びましたが、これは楽天アフィリエイト(もしもアフィリエイト経由ではなく、本家楽天アフィリエイト)の対象になっているだけで、アマゾンとヤフーショッピングのアフィリエイトとは無関係(ただリンクに飛んでいるだけ)ということでしょうか??

楽天アフィリエイトの場合は、もしもアフィリエイト経由にすれば、そのようになるかと思います。

もしもアフィリエイト経由にしなければ、Amazonと、Yahoo!ショッピングの報酬もそれぞれ発生します。

ただ、Amazonアソシエイト.バリューコマースに登録されていない場合は当然発生しません。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

アマゾンアソシエイトを利用せず、もしもアフィリエイトを利用している者が、どうしたらアマゾン、楽天、ヤフーショッピングのリンクボタンをカエレバのように表示できるか、またスマホAMPページでも表示できるかを、恐れ入りますがどなたかご教授下さいますよう、よろしくお願い致します!!

楽天商品リンクを使用するしかないかもしれません。
それがだめな場合は、自前でカスタマイズするか。
サポート対象外のものにあるように、カスタマイズ方法は、とてもここでは書ききれるものではないので、サポート対象外とさせていただいています。
手っ取り早いのは、プロに外注することでしょうか(それでも結構大変なコードなので結構な費用が必要かも)


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

また、願わくば、ヤフーショッピングのみ、報酬額が高いバリューコマースを利用したいのですが、そういうリンクのさせ方(ボタンの作り方)は可能でしょうか??こちらにつきましても、どなたかご教授くだされば幸いです。

普通にアマゾン商品リンクを利用出来れば、そういう仕様になっているかと思います。
サンプルは、以下の記事の最後部分。
https://wp-cocoon.com/1-7-4-7/

もしも経由でそのようにするには、こちらもカスタマイズしていただくしかないかもしれません。
こちらもPHPのカスタマイズが必要となるので、サポートの対象外とさせていただいています。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

よろしければ、次回トピックを立てることがあれば、案内にあるように質問ごとにトピックを立てていただけると幸いです。

1つのトピックにつき1つの質問を書き込んでください

1つのトピックに沢山の質問があると、いろいろ回答がややこしくなってしまうので^^;
可能ならばで良いですが、よろしくお願いいたします。


   
(@azuki)
Eminent Member Registered
結合: 7年前
投稿: 37
Topic starter  

わいひら様

早速のご回答をどうもありがとうございました。

私の中では1つのトピックのつもりでしたが、沢山の質問になってしまっていたのですね、大変失礼いたしました。今後ともよろしくお願い致します。

 

 


   
わいひら reacted
(@azuki)
Eminent Member Registered
結合: 7年前
投稿: 37
Topic starter  

もしもアフィリエイトの「かんたんリンク」を使ってみたのですが、なぜかリンクが表示されませんでした。

かんたんリンク」のページの中段に

HTMLソースを1行にする(WordPress対応)

にチェックを入れる箇所がありますが、ここにチェックを入れると商品画像もボタンも何も表示されません。チェックを入れないと、商品画像は表示されますが、ボタンが全く表示されません。この状況はPC上でもATMページ(スマホ)でも同じでした。ATMを外しても状況は変わりませんでした。

かんたんリンク」のページにある:

レスポンシブを有効にするために、<head>内に以下のタグを設置してください。
<meta name="viewport" content="width=device-width,initial-scale=1.0">

というのはやりました。

どうしたら改善されるかお分かりになりますか??

恐れ入りますが、宜しくお願い致します!

 

 


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

いえいえ、出来る限り質問を分けていただければ、同様のことを行いたい方も検索から見つけやすくなり、サポートの負担が減るので助かります。
僕も、現状を結構いっぱいいっぱいなので。よろしければで良いので。

こちらこそよろしくお願いいたします。


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました