アラコキからの Raspberry Pi 電子工作

 

プラグインの AMP for WordPressで『AMP化』したページは、フォントが明朝体になってしまうので、通常ページと同じフォントになるよう「AMPのカスタマイズ」を行った。

 

 

以下に、AMPページのフォント変更要領を記載。

"AMPページ の フォントを変更する方法" の続きを読む

 

SNSボタンの表示要領。

①．amp-social-shareスクリプトタグをAMPページのheadタグ内に入れる
　→「html-start.php」のカスタマイズ。
②．SNSボタンを表示するショートコードを作成する
　→ <amp-social-share> タグが、ビジュアルエディターで削除されるため。
③．SNSボタンを表示したい箇所に、ショートコードを記述 

 

 

以下、AMPページにSNSボタンを表示させた記録。

"AMPカスタマイズ SNSボタン（ソーシャルボタン）を表示する" の続きを読む

 

AMP化における問題点の一つに、『アドセンス広告が表示されなくなる』というのがある。AMPアドセンスに対応させるには、『AMP用アドセンス』コードを追記すればよいだけなのだが・・・。

 

ハマった事
広告コードをテキストエディターで貼り付けるも、
『WordPressにはテキストエディターからビジュアルエディターに切り替える際に、不要なタグを削除する機能が備わっている。』
為に、<amp-ad> タグがもろに引っかかり、テキストエディターで記述したAMP用の広告コードが、ビジュアルエディターに切り替えると消えてしまう。

 

以下、この対策として【ショートコード】で、AMPアドセンスに対応した記録。

"AMPカスタマイズ amp-ad タグが消えて 貼り付けられない" の続きを読む

 

AMP化が完了すると、『AMP化の効果』が気になるところだが、残念ながら「AMP for WordPress」プラグインのインストールだけでは Google Analytics で計測されない。そこで、AMPページに【 Analyticsの トラッキングコードを実装 】するカスタマイズを行った。

 

 

以下に、【 Analyticsの トラッキングコードを実装 】する AMPの カスタマイズ要領を記載。

"AMPのカスタマイズ Analyticsの トラッキングコードを実装" の続きを読む

 

『Accelerated Mobile Pages』：通称AMPには本来の目的があり、AMPの意義や導入の仕方についての記事が、Webサイトに数多く掲載されている。

 

 

今回、本来の目的とは全く異なった理由、「Search Console のクロールで、多くのページが【 ～/amp/ 】で 「URL エラー 404」 になる」、という対策のために『AMP化』を行った。この『AMP化』を通じて理解・判明した事項を以下に記録した。

"WordPress 目的の異なる AMP化 で判ったこと" の続きを読む