yk さん

このトピックだけでは、経緯がわかりにくいので、関連トピックのリンクを貼っておきます。

楽天アフィリエイトで画像が表示されず、空欄になる

yk さん

問題が２つあると、ごちゃごちゃしてしまうので、このトピックは、先ず、「CocoonのAMP機能が正常に機能していないのではないか？」という点にフォーカスした方が良いと思います。

あと、プラグインによる不具合は、基本的には、「サポート対象外のもの」のページにありますように、Cocoonのサポートの対象外となっていると思います。

サポート対象外のもの

ですので、AMP系のプラグインは使用せず、Cocoon設定の「AMP機能を有効化する」にチャックを入れた状態を保って、サポートをお受けになるのがよろしいかと思います。

AMP系のプラグインONにしたり、OFFにしたりと状態が変わってしまうと、「CocoonのAMP機能が正しく機能しているのか？」ということの検証ができなくなってしまいます。

投稿者:: @leafytree

MP系のプラグインは使用せず、Cocoon設定の「AMP機能を有効化する」にチャックを入れた状態を保って

誤記訂正

×  チャック

〇  チェック

@leafytree さん

ご返信ありがとうございます。

このトピックを立ててからは、AMPのプラグインは切り、CocoonのAMP設定にチェックを入れている、という状態にしています。

たしかに、｢CocoonのAMP設定が機能していないのではないか｣についてのみ触れた方が分かりやすいですね。ありがとうございます。

Cocoonで｢AMP機能を有効にする｣にチェックを入れても、GoogleサーチコンソールのAMPテスト結果が

｢AMP ではないページが送信されました

yk さん

今、サーチコンソールのAMPテストを試してみたところ、正常に機能しているようです。

Cocoonで生成されるAMPページのURLは、通常のURLの後ろに「?amp=1」を足したURLとなります。

なので、サーチコンソールで検証する際も、

 https://tada-no.com/urban-fun-review/?amp=1

と入力して、検証します。

AMP対応後の動作

こっちのAMP Validatorでも問題なく動作しているように見えます。
https://validator.ampproject.org/#url=https%3A%2F%2Ftada-no.com%2Furban-fun-review%2F%3Famp%3D1%23development%3D1

@leafytree さん

そうだったのですね。私の勉強不足でした。申し訳ないです。

ただ、この状態(プラグイン全停止､CocoonのAMP設定にチェック)で、楽天アフィリエイトの｢AMPタグに変更｣にチェックを入れても､画像のみ表示されません。(チェックを外すと表示されます)

これは､現状､Cocoonの設定によって記事はAMPに対応できているが､楽天アフィリエイトのAMP対応タグは使えない､ということで合っていますでしょうか。

@yhira さん

ご回答ありがとうございます。

GoogleサーチコンソールのAMPテスト結果は私の入力ミスが原因だったようです。申し訳ないです。

そうだったのですね。私の勉強不足でした。申し訳ないです。

ただ、AMPに対応しているということなのですが、楽天アフィリエイトで｢AMPタグに変更｣にチェックを入れても､画像のみ表示されません。(チェックを外すと表示されます)

これは､現状､Cocoonの設定によって記事はAMPに対応できているが､楽天アフィリエイトのAMP対応タグは使えない､ということで合っていますでしょうか。

yk さん

私も楽天アフィリエイトのサイトから、「AMPタグに変更」にチェックを付けて、アフィリエイトコードを取得し、ローカルのテストサイトのカスタムHTMLブロックに貼り付けみました。

すると、通常のページでは、やはり画像が表示されないようです。

通常のページのURLの末尾に「?amp=1」をつけて、AMPページを表示したところ、ちゃんと画像が表示されました。

ということは、「AMPタグに変更」のチェックを付けて取得したアフィリエイトコードは、通常のページでは、画像が表示されない、ということなのかもしれません。（たった１回しか試していないので、確実なことは、私にはわかりかねますが・・）

つまり、もしかしたら、AMPページと通常のページの兼用のアフィリエイトコードではないのかもしれません。

その点につきましては、「楽天アフィリエイト」にお問い合わせいただく方が正確な情報を得られるかもしれません。

楽天のAMP用のコードはAMPページ用のものなので、通常ページでは対応していません。
これはどのテーマでも同じかと思います（プレビューはAMPページではないので）。

CocoonのAMP機能を利用するのであれば、楽天の通常タグを挿入すれば、AMPページではAMP用に変換して表示されるので、「楽天AMP用コード」は使用する必要がありません。