購入ボタンがWordPressのメインコンテンツに反映されません。

[石垣島編集長]

shopifyの購入ボタンをWordPressに貼り付けたのだが、反映されない。

何度もじっくりコードをみて、貼り付けたのだがやっぱりダメだ。

以前は反映されたのだが、以前と今回の違いは、WordPressにAMP対応させたことと、ブロックエディタに変更したぐらいです。

ブロックエディタは問題ないとして、実際に下書きには購入ボタンは反映されます。

しかしAMP対応に問題があるのか、、shopifyのサポートセンターにメール問い合わせたが、明確な回答はなかった。

「トライアンドエラー」でやっていくしかないという回答をいただいた。

購入ボタンが反映されない原因と改善策を教えてください。

[Jizo_Inagaki · Accepted solution]

サポートに問い合わせをされての現状であれば解決は難しいかと思いますが、色々と確認や試す事柄あるように思います。

• AMPページのエラーを確認する
• どの様にしてAMP対応したか(=プラグイン開発者に相談する / 別のAMP対応方法に変更する)
• AMPではなくオリジナルのURLでは表示されるか(=表示されない場合ボタンの導入方法やテーマやサーバーに問題がある可能性)
• 他のサイトに同じボタンを貼り付けて動作するか(=表示されない場合ボタンに問題あり)
• BuyButton.jsを使って独自に購入ボタンの作成を試す(=iframeなしの形にできるようなのでそちらも検討)

AMPは以前に触ったきりで今はあまり把握していませんが、基本的に使用できる機能を制限して速度を出すという仕組みなので(Googleがキャッシュを提供するというのも大きいですが)、Shopifyのスクリプトをそのまま入れても動かないと推測できます。
例えばscriptタグをamp-scriptに書き換える必要があるなどです。

そのためAMPページのエラーを確認して原因を探り、一つ一つ問題を解決していくしかないと思います。
サポートでも解決できないとのこと、AMP対応にプラグインを使われている場合はそのプラグインの仕様が影響すること、おそらく内部を見ないと解決できないことなどを考えますと、ShopifyのエキスパートかAMPや該当プラグインに詳しい業者に依頼されるほうがよいかと思います。

なお蛇足になりますが、SEOと言いますかGoogleのトップニュース枠の要件からAMPが外れたためメリットは減じていますので、そういう目的でのAMP導入でしたら取りやめるというのも選択肢に入ると考えます。

[石垣島編集長]

ありがとうございます。

現状、AMP対応にしつつ、1つだけのエラーは出ていますが反映させることに成功しました。