【解決】AMPページでJSONのエラーが出てしまう!
![a-blogcmsで、AMP対応させてみた](https://yukirun.com/archives/001/201902/ad197e106ee12ff79acb3b8533602228.png)
こんにちは、久しぶりにサイトいじっている、ゆきるんです。
久しぶりすぎて、自分のスキルが劣化してるのに愕然としているんですが(´,,・ω・,,`)
で、ここのサイトは、a-blogCMSを使っています。
Wordpressも使っていますが、カスタマイズとか断然簡単なので(いや、優しくはないのですが…)愛用しています。
で、せっかくなのでAMP対応にしてみました。
AMPとは?
AMPは、Accelerated Mobile Pagesの頭文字から来ています。GoogleとTwitterで共同開発されている、モバイル端末でウェブページを高速表示するためのフレームワーク(AMP HTML)のことです。
なので、対応させるとモバイルで高速表示になって、アクセスしやすくなる…ということなのですが、専用のページを用意する必要があります。
![]()
Accelerated Mobile Pages Project – AMP
The Accelerated Mobile Pages (AMP) Project is an open source initiative that makes it easy for publishers to create mobile-friendly content once and have it load instantly every...
a-blogCMSでAMP対応するには?
以下のサイトから、ファイルをダウンロードしてカスタマイズ&アップロードするだけです。
割りと簡単にできてしまった…多分。
![]()
GitHub
a-blog cms でAMP対応するためのテンプレート. Contribute to appleple/acms_amp development by creating an account on GitHub.
<p>しかしですね、JSON で、変なエラーが出てしまいます。 ↓こんな感じのやつです。</p><p>バリデーションはOKでした。!</p><p> </p>
![](https://yukirun.com/archives/001/201901/7fb317147a5d17f4dd2be2dc299150df.png)
The script tag contains invalid JSON that cannot be parsed. DISALLOWED_HTML
line 64, column 0
どうも、Google Analytics読み込みで、計測データがとれてないっぽいです。
そこで、ソースを↓から
<!-- Google Analyticsの読み込み --> <amp-analytics type="googleanalytics" id="analytics1"> <script type="application/json"> { "vars": { "account": "UAーXXXXXXXX-X" // Google AnalyticsのトラッキングID }, "triggers": { "trackPageview": { "on": "visible", "request": "pageview" } } } </script> </amp-analytics>
↓に変更してみました
<!-- Google Analyticsの読み込み --> <amp-analytics type="googleanalytics" id="analytics1"> <script type="application/json"> { "vars": { "account": "UAーXXXXXXXX-X" }, "triggers": { "trackPageview": { "on": "visible", "request": "pageview" } } } </script> </amp-analytics>
単に、コメントを外しただけですが…
↓のように、エラーが消えたよ!!!!
![](https://yukirun.com/archives/001/201901/1faec8cfcd9de4975f85eb17f5e83fa7.png)
AMPページのバリデーション(エラーチェックですね)は以下でどうぞ。
AMP HTML Project Web Validator. Tests Accelerated Mobile Pages for valid markup.
![](/archives/001/201902/be54960bc2eb643ade2dac98fc042815.png)
アフィリエイトを使った商品紹介のページは、エラーが出ちゃいますね…なんとかしますです、はい
関連記事
![ゆきるんのお絵描きブログ](/archives/001/201902/7479b6094f62883a683ef25f16e0a997.jpg)
「お絵描き」関連のページを別ブログに移転しました!
こんにちは、ゆきるんです。 このサイト、ablogCMSで運用しているのですが、2002年位から使っているせいか、エントリーが管理しにくくなってきて… 不…
![アイキャッチがないから、昔作った画像を使ってみるテスト](/archives/001/202208/3bfaf78868421796a818c1e142adaeee.png)
【a-blog CMS】管理ページが真っ白な件(解決)
こんにちは、ゆきるんです。 ココのブログを更新するのはすごくすごーーーーく久しぶりです。 バナーの除するため、管理ページに入ろうとしたら、 白…
![アイキャッチがないから、昔作った画像を使ってみるテスト](/archives/001/202208/73a0f378e2749fdeb24da93985d37db5.png)
【a-blog CMS】ライセンスを買い切りからサブスクリプションに変更
こんにちは、ゆきるんです。 ココのブログを更新するのはすごく久しぶりです。 このブログはablogCMSの買い切りのライセンスを使って、ずっと運用し…