ウェブサイトマスターの為の覚書きウェブサイトマスターの為の覚書きウェブサイトの運営をしていて気のついたこと、発見したことなどの記録です。2017.02.22AMPページに通常のGoogleアナリティクスコードは設置できませんが。設置しても動作しないということです。Googleアナリティクスコードはjavascriptなので、AMPページでは使えません。AMPページにGooglecを設置するには、AMP用ページを超簡単に作成するWPプラグインの組み合わせによる方法があるのですが、当サイトのテーマは「Simplicity」を使用しており、プラグイン無しでAMPページに対応しているので、この方法は使わず、AMP用ページにGoogleアナリティクスをエラー無く設置する方法を参考にやってみたのですが、どうもうまくいきません。試行錯誤してみてGoogleアナリティクスコードの設置ができましたので、その記録です。「Simplicity」のAMPページは「single-amp.php」を修正する「Simplicity」にはカスタマイズ用に「子テーマ」が用意されています。親テーマはそのままに、子テーマでカスタマイズ出来ればと思い、「footer-insert.php」にアナリティクスコードを設置したのですが、まったく反映しません。原因は「footer-insert.php」はAMPページには関係ないからでした。直前にアナリティクスコードを設置するといいわけです。私は次のように設置しました。“pageview”}}}</script></amp-analytics>尚、アナリティクスコードは通常プロパティのコードだと、データが統合されるので、AMP用のプロパティを追加してUA-○○○○○○○-2にしました。設置してすぐテストしてみます。自分でAMPページにアクセスして「リアルタイム」で確認します。親テーマのファイルを修正したので、忘れないようにメモを残しておきます。AMPページは検索順位に影響するかAMP化はGoogleなどが進めているプロジェクトですが、モバイル検索でAMPページが有利になることは無いと言われています。検索結果に影響しないのであれば、AMPページ対応する必要性についていろいろ議論がありそうですが、今後の全体の流れを見ていく必要はありそうです。AMPページが出来たので、モバイル検索の結果とPC検索とを比較してみました。検索ワードは記事タイトルそのままですが、何故か4位表示と残念な順位です。モバイル検索でも同じく4位。上の3つはAMPではありません。PC検索とまったく変わらない順位結果になっています。AMPページだからといってモバイル検索で有利になるということは、今のところ無さそうです。プラグインを使ったAMPページの広告コードとアナリティクスの設置プラグインを使ってAMPページ対応させる場合、プラグインは「AMP」だけをインストールするだけでいいようです。「Simplicity」を使っていない別サイト1個をAMP化してみました。AMP用の広告コードの設置しているサイトも多いと思いますが、広告コードはプラグインを使用しなくても簡単にAMP用のコードを設置できます。adsenseの場合は通常のJavaScriptのコードの下に、次のコードを加えるだけです。height=”250′′type=”adsense”data-ad-client=”ca-pub-○○○○”data-ad-slot=”○○○○“></amp-ad>アナリティクスは、テーマのファイルをいろいろ修正してみましたがうまくいきませんでした。結果的にはすごく簡単な方法でできました。src=”https://cdn.ampproject.org/v0/amp-analytics-0.1.js”></script>を<head>直下に記入します。“pageview”}}}</script></amp-analytics>を記入します。管理人をフォローする管理人ウェブサイトマスターの為の覚書き関連記事デザインAMPページに使う相対パスはルート相対パスにする内部リンクには絶対パスと相対パスの指定方法があります。WordPressのプラグインを使ってAMPページを作る場合には、通常のページの内部リンクを相対パスでの指定はルート相対パスでなければなりません。理由は簡単なことで、AMPのページを...2017.02.27デザインURLテキストなど英数文字を自動改行で表示させる方法URLをテキストで記載するなど、英数文字の長い文字列はブラウザの幅を超えても改行されずにどこまでも続くことがあります。この原因は“禁則処理”の影響です。一つの文節が長い場合には、画面の端で自動改行されるようになっているの...2018.02.21デザインCodePenを使ってCSSをマスターするとサイトのデザインが自由にできるWordPressのテーマにはそれぞれテンプレートがあり、好みのテーマを使ってサイト作りをしているわけですが、デザイン的な要素をもっと自分好みにしたいという思いは、慣れてくるに従い強くなってきます。AMPの対応はすでにこのサイトでも出来て(Simplicityのおかげ)いますが、PWAに対応させる必要が将来出てくるのかまったく分かりません。...2017.07.05デザインスタイルシートでサイトをデザインウェブページのデザインは「CSS」という言語を使って作っていきます。...2016.12.31デザインRSSフィードを取得して自分用のアンテナページを作る方法が簡単コンテンツのネタ探しにいろんなサイトを見に行きます。最近はTwitterでネタ探しをする人も増えているそうですが、RSSフィードの閲覧で情報収集するのは以前からある方法です。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト上に表示された文字を入力してください。△△△の複合キーワードがほとんどですが、中には3つのキーワードの場合もあります。グラフがあればがあればみたいです。1位なったサイ...上位表示されるまでの時間に法則は無いが上位表示されないとアクセスは増えないは法則だ管理人2018.01.28SiteOriginButtonで作ったボタンは画像データでは無いので使い回しはできないようですね。幅についてはサイズの設定でWidthの数値を統一するといいと思います。あとボタンの幅を一定にしたいのですがどうすれば良いのか分かりません。△△△の複合キーワードがほとんどですが、中には3つのキーワードの場合もあります。グラフがあればがあればみたいです。1位なったサイ...上位表示されるまでの時間に法則は無いが上位表示されないとアクセスは増えないは法則だ管理人2018.01.28SiteOriginButtonで作ったボタンは画像データでは無いので使い回しはできないようですね。幅についてはサイズの設定でWidthの数値を統一するといいと思います。あとボタンの幅を一定にしたいのですがどうすれば良いのか分かりません。httpタイトルとURLをコピーしました。