Blogger/Emporioカスタマイズ日記

最近、Googleアナリティクス4（GA4）とAdsenseを連携してみた。 これがわかってみると難しくないのだが、あちこちの解説記事などで書いてないステップがあり数日ほどハマった。 なので、 「これまでGA4を使ったことない人が初めてAdsense連携で使う」 と言う場合に必要なステップを今回、詳細にまとめてみたい。 前提は： すでにGoogleアカウントを持っている  GA4とAdsenseはすでに開設済み と言う感じ。 では行ってみよう❗

Do you use brave browser? Do you earn BAT on it? Maybe you've seen some ads from brave and got some BAT as rewards. But there is another way to get BAT on brave - tips. You can start it at  https://creators.brave.com . For example, if you have a website like blog and people like it, they can tip you BAT on brave. However, you have to verify your website first. Basically it's simple - you just download verification file brave-rewards-verification.txt, and put it in .well-known folder to verify your blog. But if you're using Blogger, how can you have an access to .well-known folder? Because Blogger doesn't give you any way to access the folder, you have to have some trick. Blogger have a feature to redirect URLs on your blog. You can redirect some old post to new one. Moreover, you can redirect any URL of your blogger blog to any of your post. You don't have access to .well-known folder, so what you can do is to create a post for the verification and redirect /.well-

Emporioでブログを検索すると、検索結果のメッセージで和洋のカッコが重複する。 何を言ってるかと言うと、右上の検索ボックスにたとえば「ヨーロッパ」と入れて検索すると、 こんな感じで 検索キーワード「”ヨーロッパ”」に一致する投稿を表示しています と出る。 カギカッコとダブルクォートがダブってしつこい感じですね(^_^;) で、この「”ヨーロッパ”」のダブルクォートを取る方法がある。 クォーテーションを取った状態がこれ。 見ての通り、 検索キーワード「ヨーロッパ」に一致する投稿を表示しています と前後の ” がなくなっている。 対応するテーマのHTMLは以下のところ（修正済みコードです）。 .post-filter-message .search-label::before,.post-filter-message .search-query::before{ /* content:open-quote */ } .post-filter-message .search-label::after,.post-filter-message .search-query::after{ /* content:close-quote */ } 見ての通り元コードから content:open-quote content:close-quote の2つをコメントアウトしている。 ちなみに以下のサイトを見ると、 >>  Blogger Cheatsheet data:view | Blogger Book 検索結果のメッセージは以下の変数らしい。 data:view.search.resultsMessage data:view.search.resultsMessageHtml 確かにテーマのHTML内でこの変数は使われているが、メッセージの文字列を設定してるところがないのでどう使うかがわからない。 使われてる直前でメッセージを代入しとけばいいのかもしれない。 使い方わかるひと、ゼヒ教えてくださいm(_ _)m その他のBloggerカスタマイズTipsはこちら Bloggerで

最近、世界のグルメ情報を発信するブログを立ち上げた。 >>  食いしん坊日記ザ・ワールド このブログでは地域ごとにカテゴリわけしようと思ったのだが、世界中かなりの国や町を周ったので、単純にカテゴリを付けると収集がつかなくなる。 都市ごとにカテゴリつけたら何個カテゴリが必要になるのか(^_^;) というわけで ヨーロッパ/国/都市 みたいな感じで階層化して整理したい。 しかしてBloggerにはその機能がなく、ネットに出回ってる方法では最近のテーマであるEmporioでうまく動作しなかった。 ではEmporioではどうするのか？を今回はまとめます。 スポンサーリンク

以下の記事で document.writeln を使ってやや強引に記事タイトル下にAdsenseを表示する方法を紹介した。 >>  Emporioで記事タイトル下にAdsenseを表示する方法 要するに そのままではコピペできない広告コードを document.writeln で1行の文字列として書き込む というものだが、この方法のハードルはまさにこのAdsenseコードを1行の文字列に書き直す点だ。 ※この方法はコードの改変には当たらないと思いますが、 規約違反になる可能性 がないとは言えないので、自己責任で試してくださいね。 ちまちま特殊文字を探し出してエスケープしていってもいいのだが、ちょっとでも間違えばテーマの保存すらできないのでかなりめんどくさい。 しかしこれにはチョー簡便な方法がある。 それがHTML/Javascriptガジェットを使うというもの。 やり方はまずガジェットの設定画面で、「コンテンツ」のところに広告コードを貼って保存する。 で、 「テーマ」の「HTMLの編集」で上記ガジェットの箇所を見れば、そこにエスケープされた文字列が出ている はずだ。 わかりやすいタイトルを付けておいて検索するとすぐ見つかる。 エスケープされた文字列をコピーしたら、ガジェット自体は削除してしまえばよい。 ちまちま手作業でやってたのと比較すると夢のように楽になるので、ぜひ（自己責任で）お試しあれ＾＾

テーマEmporioを使ったサイトをこれまで2つ作ったのだが、おかげでEmporioの フォント調整 についてかなり経験が積めた。 今では Emporioを使うならフォント設定はこのワンセットだろう！ というのが確立されたので、参考までに紹介する。 解説がいらないという人は、実際に自分のEmporioサイトで使われてるコードを載せてますので「 実際のCSS定義 」までズギャンと行っちゃってください(・∀・)

これまでBloggerのテーマEmporioを使って2つサイトを作った。 1つは最近作った英語学習ブログで、 おとなになってからの英語学習（ eigobootcamp.blogspot.com/ ） もう1つは2年ほど前に作ったカンボジア情報のブログ「 GET A LIFE in Khmer! 」だ。 2つ作る中でEmporioの フォント関係の調整 のやり方につき、基本的なところがだいぶわかってきた。 ので、今回はCSSでEmporioのフォント調整をする際の 基本的なアプローチ 実際のCSS適用例 等につきまとめます。 慣れたひとには常識かもですが、わたくしと同じ初心者にはBloggerをカスタマイズするプロセスがわかって役に立つかも(・∀・)