現在「みるらいと」スキンを適用中です。

AMP側のエラー タグ「amp-analytics」とタグ「style amp-custom」について | 不具合報告 | Cocoon フォーラム

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

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

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

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
AMP側のエラー タグ「amp-ana...
 
共有:
通知
すべてクリア

[解決済] AMP側のエラー タグ「amp-analytics」とタグ「style amp-custom」について  


マリア
 マリア
(@マリア)
ゲスト
結合: 9か月前
投稿: 12
2020年9月20日 15:21  

いつもおせわになっております。

AMPからエラーが出されているのですが、Cocoonのどこを開いて見たら良いかという初歩的な所からわかっていないのですが、教えていただけますでしょうか。

 

(別々にトピ建てた方が良かったでしょうか。💦)

 

タグ「amp-analytics」には拡張機能 JavaScript の「amp-analytics」が含まれている必要があります。とタグ「style amp-custom」の CSS 構文エラー - 宣言が無効です。なのですが、どこを開いてどのように直したら良いでしょうか。

 

右も左もわからず、すみません。 😥 


未解決
マリア
 マリア
(@マリア)
ゲスト
結合: 9か月前
投稿: 12
2020年9月20日 15:35  

現状の環境情報
----------------------------------------------
サイトURL: https://maria-taiwan.com/
Wordpressバージョン:最新バージョンです。
テーマ:最新バージョンのです
----------------------------------------------
利用中のプラグイン:
Advanced noCaptcha & invisible Captcha
Aurora Heatmap
BackWPup
Category Order and Taxonomy Terms Order
Contact Form 7
Easy Table of Contents
Edit Author Slug
EWWW Image Optimizer
Google XML Sitemaps
Jetpack by WordPress.com
LiteSpeed Cache
Page Builder by SiteOrigin
Regenerate Thumbnails
SiteGuard WP Plugin
Universal Star Rating
WebSub/PubSubHubbub
Wordfence Security
WordPress Ping Optimizer
WP Fastest Cache
WP Multibyte Patch
WP-Copyright-Protection
Invisible reCaptcha これは入ってるけど無効にしてます。
----------------------------------------------

 

「amp-analytics」の方は、

行 1:43037
mp-analytics config="https://www.googletagmanager.com/amp.jso と出ています。
 
「style amp-custom」の方は、
 
行 1:41197
;transition:.5s;.tag-caption .fa-tag{displa と出ています。
 
ど素人ですみません。
CSSの本とか買って読んだらもっとわかるようになりますでしょうか。 😭 

わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月20日 19:40  

実際にAMPエラーが出ているURLをいただいてよろしいでしょうか。
加えて、フォーラム何年にもありますように、高速化設定を無効にしていただければと思います。

不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください

加えて、ソースコードチェックがしづらいので、以下のプラグインは無効にしていただけると助かります。

投稿者:: @マリア

WP-Copyright-Protection

 


TaiwanMaria 件のいいね!
マリア
 マリア
(@マリア)
ゲスト
結合: 9か月前
投稿: 12
2020年9月21日 00:08  

わいひらさん、いつもありがとうございます。

初歩的なところ出来てなくてお手間おかけしました。

高速化設定とプラグイン無効にしました。

 

Google AMPテストでは、タイトルの2つが出てまして、

Google Serch Console だともっといっぱいAMPエラー上がってます。なぜ表示されるエラーが違うのかよくわかってなくて。以下に書き出させていただいてもよろしいでしょうか。

Google Serch Console の方が詳細を教えてくれているのでしょうか。

フォーラムのルールと違っていましたらすみません、改めます、、、。

 

タグ「style amp-custom」の CSS 構文エラーです。に関しては複数ページで出てまして

https://maria-taiwan.com/?amp=1

https://maria-taiwan.com/2020/02/05/3361/?amp=1

などです。

 

タグ「i-amphtml-sizer」は特定の形式以外は許可されていません。は、以下などです。

https://maria-taiwan.com/2019/03/18/747/?amp=1

https://maria-taiwan.com/2019/03/13/308/?amp=1

 

 

このページには AMP コンポーネントの「script」タグが必要ですが、このタグがありません。

https://maria-taiwan.com/?amp=1

https://maria-taiwan.com/2020/02/05/3361/?amp=1

などです。

 

許可されていない属性または属性値が HMTL タグにあります。

https://maria-taiwan.com/?amp=1

https://maria-taiwan.com/2020/02/05/3361/?amp=1

などです。

 

思い当たるのは、他所様の書いたCSSをコピペして上手く行かず、なんとなくでまた消したり書いたりしていたので、それで書き間違えてるとかかな、と思います。

お手数おかけしてすみません。ありがとうございます。


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月21日 19:41  
投稿者:: @マリア

思い当たるのは、他所様の書いたCSSをコピペして上手く行かず、なんとなくでまた消したり書いたりしていたので、それで書き間違えてるとかかな、と思います。

style amp-customこれについては、CSSの構文エラーがあるのではないかと思います。
CSSのカッコの閉じ忘れ等はないでしょうか。


TaiwanMaria 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月21日 19:50  

とりあえず、話題が混同するとわかりづらくないので、とりあえずCSSの以下のエラーから解決していければと思います。

CSS syntax error in tag 'style amp-custom' - invalid declaration.


TaiwanMaria 件のいいね!
マリア
 マリア
(@マリア)
ゲスト
結合: 9か月前
投稿: 12
2020年9月26日 22:08  

わいひらさん、いつもお教え下さりありがとうございます。

サイト右側に設置したタグの外観を変えるCSSでカラー指定が他は6桁入力だったのですが、一か所だけfffと3桁だったので、ffffffと6桁で揃えました。

それからご指摘の通り一か所タグが閉じていませんでした。

コピペしていてcssの書き方をすっかり忘れていたのでググって解決し、タグを閉じました。 

 

Cocoonが非常に便利なのとWordPress自体未だにあまりよくわかっていないのですが、

タグ「i-amphtml-sizer」は特定の形式以外は許可されていません。は検証の結果保留となりました。

 

残り2つは相変わらずの状態です。

 

https://maria-taiwan.com/?amp=1  で以下2つのエラーが出ているのですが、どこかのテーマエディターを見たら良いものなのでしょうか。

お手数おかけします、、、。 😫 

 

 The tag 'amp-analytics' requires including the 'amp-analytics' extension JavaScript. 

CSS syntax error in tag 'style amp-custom' - invalid declaration.


マリア
 マリア
(@マリア)
ゲスト
結合: 9か月前
投稿: 12
2020年9月27日 18:15  

追記です。

どちらも https://maria-taiwan.com/?amp=1 のページでエラーが出ていまして、

 

CSS syntax error in tag 'style amp-custom' - incomplete declaration.
line 79, column 37518

 

Font Awesome 5 Free";   content:"♯";padding-right:3px}#post-4227 h1.entry-title{display:none}

のあたりで、CSS syntax error in tag 'style amp-custom' - invalid declaration.が出ていますが、思い当たる所は修正したので、キャッシュがのこっていたりするものなのでしょうか。

 

もう一か所は

The tag 'amp-analytics' requires including the 'amp-analytics' extension JavaScript.
line 135, column 2

がずっと出ています。

 

の行を言っているようですが、そもそものGoogle側の設定が違うとかなのでしょうか。

 

AMPページではない個所とAMPページ用とでタグは2つ設定し、Cocoon設定のタグマネージャIDと、AMPタグマネージャIDにそれぞれ入力しました。

ヘッド用コード、ヘッダー用コード、フッター用コードは空欄のままです。

 

 

 

This post was modified 4週間前 by わいひら

わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月27日 19:20  
投稿者:: @マリア

思い当たる所は修正したので、キャッシュがのこっていたりするものなのでしょうか。

Cocoon設定のキャッシュ削除からAMPのキャッシュ削除は行う必要があるかもしれません。


TaiwanMaria 件のいいね!
マリア
 マリア
(@マリア)
ゲスト
結合: 9か月前
投稿: 12
2020年9月27日 21:19  

わいひらさん、ありがとうございます。 😭 

AMPのキャッシュクリアしたら、「有効な AMP ページです」が出ました。

 

ぜんぶ初歩的な所でつまづいてました。

お手数おかけしてすみませんでした。

 

CSSちょっとだけわかったので、以後気をつけます。

それからキャッシュのクリアも(一生懸命ブラウザのキャッシュクリアしてました💦)。


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月28日 20:12  

うまくいったようでよかったです。
一応同様の問題が起きて、このトピックに検索から訪れた方向けに設定方法のスクリーンショットも貼り付けておきます。


TaiwanMaria 件のいいね!

返信する

投稿者名

投稿者メールアドレス

タイトル *

許可された最大ファイルサイズ 5MB

 
プレビュー 0リビジョン 保存しました
共有:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年3ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

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