ブロク運営

a-blogcmsで、AMP対応させてみた

こんにちは、久しぶりにサイトいじっている、ゆきるんです。

久しぶりすぎて、自分のスキルが劣化してるのに愕然としているんですが(´,,・ω・,,`)

で、ここのサイトは、a-blogCMSを使っています。
Wordpressも使っていますが、カスタマイズとか断然簡単なので(いや、優しくはないのですが…)愛用しています。

で、せっかくなのでAMP対応にしてみました。

AMPとは?

AMPは、Accelerated Mobile Pagesの頭文字から来ています。GoogleとTwitterで共同開発されている、モバイル端末でウェブページを高速表示するためのフレームワーク(AMP HTML)のことです。

なので、対応させるとモバイルで高速表示になって、アクセスしやすくなる…ということなのですが、専用のページを用意する必要があります。


a-blogCMSでAMP対応するには?

以下のサイトから、ファイルをダウンロードしてカスタマイズ&アップロードするだけです。
割りと簡単にできてしまった…多分。


しかしですね、JSON で、変なエラーが出てしまいます。 ↓こんな感じのやつです。

バリデーションはOKでした。!


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>

単に、コメントを外しただけですが…
↓のように、エラーが消えたよ!!!!


AMPページのバリデーション(エラーチェックですね)は以下でどうぞ。



アフィリエイトを使った商品紹介のページは、エラーが出ちゃいますね…なんとかしますです、はい


関連記事

ゆきるんのお絵描きブログ

「お絵描き」関連のページを別ブログに移転しました!

こんにちは、ゆきるんです。 このサイト、ablogCMSで運用しているのですが、2002年位から使っているせいか、エントリーが管理しにくくなってきて… 不…

詳細をみる

画像:山を散歩します

デザインを変えてみました!

お久しぶりです、ゆきるんです~ ずーっとやる気出なくてほったらかしのblogでしたが、デザインを変えてみました! このサイト、ablogcmsで構築して…

詳細をみる

【解決】昨日?からこのサイトが真っ白けになっていた!

昨日、iPadにいれたa-blogCMS専用のブログ更新アプリ「a-blog cms for iOS」からこのサイトを更新しようとしたら、エラーが出る…。 「まさか」と思っ…

詳細をみる

ゆきるん

京都のどこかダラ奥

3人子持ちのアラフィフなダラ奥です。
Web制作とかDTP、パソコンとか教えています。映画鑑賞と旅行と温泉が大好き。華麗なる加齢を模索中。癒やされたい今日この頃。

ブロク運営

Pickups!

人気のエントリー

  1. ブラが嫌いな中学生女子も満足!なジュニアタンクトップ ブライン
  2. 社交的で物怖じしない子どもに育てるには
  3. 長引く咳・しつこい咳に悩むことがある私の対処法
  4. 京都のアナスタシアに予約を入れてみる
  5. 【ホットヨガ・持ち物】水は必須!持ち運び便利な折りたたみ水筒

関連サイト