Bloggerテンプレートの各ページ毎の条件式
目次 data:blog.pageType data:view.type query / label data:view.isMultipleItems / data:view.isSingleItem data:view.is 特定ページ 特定ページの複数指定 モバイル ビュー...
Bloggerで各投稿の検索向け説明にスニペットを出力する
はじめに Bloggerの検索向け説明をすべてのページで書くのは面倒なため、スニペット（記事の最初の文章）を自動的に出力するように設定する。 標準ヘッダー Blogger標準で次のヘッダーが設定されている。 <b:include data='blog' na...
Bloggerのブログ上部に「-->」が表示される
目次 はじめに 発生条件 発生原因 暫定対応 最終対応 備考（ブログ下部に「-->」が表示される） 別解（HTMLのコメントアウト） はじめに お盆明けにサイト見に行ったら、サイト上部に見慣れぬ「-->」の文字がありました。直前のテーマ編集時になにか間違えたかと思い調...
ウェブに関する主な指標（LCP, FID, CLS）について
2020年5月末に PageSpeed Insights の表示が更新されて「最大コンテンツの描画（LCP）」「初回入力遅延（FID）」「累積レイアウト変更（CLS）」を ウェブに関する主な指標 として表示するようになりました。勉強がてらに他の関連の指標も含めてユーザーエクスペリ...
PageSpeed Insights APIを使う
PageSpeed Insights API の使用に関する覚書です。 簡易に試す まず、簡易なサンプルとして、 PageSpeed Insights API を使ってみます。ブラウザのURLバーに次のURLを入力してください。 https://www.googleapis.co...
BloggerのGoogleAdSenseでads.txtエラー対応
はじめに 今回の対象は、Bloggerの独自ドメインで運用していて、GoogleAdSenseの管理画面で次のようなエラーを表示している場合です。 「要注意 - 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。」 「収益に重大な影響が出ないよう、a...
GoogleAnalyticsを遅延読み込みする
はじめに GoogleAnalyticsの遅延読込みです。 analytics.js と ga() の設置処理を遅延処理します。遅延処理であるため、最後まで遅延した処理が呼び出されないことがあります。 onLazy.js は、最悪でも unload イベントで通知されます。ただし...
GoogleAppsScriptでブログ更新をping送信する
はじめに ブログ更新のping送信（更新通知サービス）は、検索エンジンなどのクローラーにブログの更新を見つけてもらうためのサービスです。現在では、GoogleやBingによって提供されているウェブマスターによってその目的の大部分の必要性はなくなっています。ですが、それ以外のロボッ...
Blogger用の関連記事表示機能：FeedRelatedPosts.js
はじめに Bloggerは、標準で関連記事の機能がありません。LinkWithin, Milliard, GoogleAdSenseなどの外部サービスを利用することで関連記事を表示することができます。ただし、外部サービスを利用すると関連記事が広告ブロッカーにブロックされたり、表示...
Bloggerのコメント欄で使用できるHTMLタグ
使用可能なタグ a, em, strong, i, b, br, ※ <a> は、 <a rel="nofollow"> になる rel 属性を付けた場合、消されて onfollow になる ※ <br> は、「 <...
SyntaxHighlighter.jsからhighlight.jsへ移行しました
はじめに 当ブログでは、ブログ上のソースコードをハイライト表示するライブラリを利用しています。ソースコードには、予約後や文字列、数値など予め予測できる書式が多数存在します。それらを指定の色や書体によりハイライト表示することで、ソースコードを読みやす表示しています。 これまで CD...
CORS制限付き外部iframeのfocusイベントを取得する
やりたいこと メインページ上の外部iframeをクリックした時に、メインページで特別な処理をしたい。 具体的には、Bloggerの埋め込みコメントフォームをクリックした時に処理を実施したい。Bloggerの埋め込みコメントフォームは、 www.blogger.co...
Bloggerのコメント欄を標準jsなしで返信可能にする
はじめに Bloggerのコメント欄改善です。標準jsを読み込めば、返信（リプライ）できるようにできます。ですが、できるだけスクリプトを使用したくないため、自作して最小限のスクリプトで済ますようにします。 仕様 コメントをJavaScript無効で表示する...
Bloggerのskinタグを消す
覚書として記載します。 コード <style><!--/*<b:skin><![CDATA[*/]]></b:skin> 出力 <style><!--/...
BloggerでCloudflareを使用する
前提 BloggerでClaudflareを使用するためには、Bloggerに独自ドメインを設定する必要があります。Bloggerのサブドメイン（例： blogspot.com ）は、Claudflareを設定することはできません。 ページをキャッシュする ...
Bloggerのラベル検索で総件数以上に前の投稿へ戻れる
問題現象 Bloggerのラベル検索結果でラベル総数を超えても前の投稿を表示しようとする。 前提 ラベル：WSHLibrary ラベル総数：12件（記事作成時点） 1ページ表示数：10件 例 ラベル検索ページを表示する https://w...
謎パラメータ「tdsourcetag=s_pcqq_aiomsg」について
結論 中国のインスタントメッセンジャーソフト「QQ」からのページアクセスです。 QQに掲載されたURLの末尾に「?tdsourcetag=s_pcqq_aiomsg」が自動で付加されているようです。そのリンクをクリックしたアクセスが問題の現象です。 気になった現...
BloggerのBlogウィジェットをバージョン2にする
BloggerのBlogウィジェットをバージョン２にする。 はじめに 元々使用してるテンプレートが、いわゆる旧テーマであったため、最終更新日を表示する data.lastUpdated タグが使用できなかった。更新日は、JavaScriptと data.lastUpdatedIS...
Blogger のブログに実施した SEO 対策
Bloggerのブログに実施した。SEO対策の忘却録。 サイトマップの登録 Google Search Console にサイトマップを登録します。 投稿のサイトマップ https://example.blogspot.com/sitemap.xml ページのサイトマップ ht...
SyntaxHighlighterの読込みを最適化する
SyntaxHighlighterの読込みを最小限にします。概要は次の通りです。 <pre> なしならば読み込まない 必要なブラシは、最低限読み込む 遅延読込みも合わせて更に高速化する 元ネタは、下記の記事です。不必要な強い同期処理を簡易なものに置き換えてます。その他...