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