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はこちら Blog...

最近、世界のグルメ情報を発信するブログを立ち上げた。 >>  食いしん坊日記ザ・ワールド このブログでは地域ごとにカテゴリわけしようと思ったのだが、世界中かなりの国や町を周ったので、単純にカテゴリを付けると収集がつかなくなる。 都市ごとにカテゴリつけたら何個カテゴリが必要になるのか(^_^;) というわけで ヨーロッパ/国/都市 みたいな感じで階層化して整理したい。 しかして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をカスタマイズするプロセスがわかって役に立つかも(・∀・) スポンサーリンク

Bloggerも長年使って、いろいろテーマも試した。 おかげでだんだんテーマごとのクセや使いみちが定まってきたように思う。 テーマによってやっぱり合ったコンテンツというものがあり、これまで使った Emporio Contempo 動的ビュー 旧テーマのシンプル それぞれにつきこういう用途がいいかな～というのを今回はまとめてみる。 スポンサーリンク

Bloggerでは テーマデザイナー（旧テンプレートデザイナー） という、テーマの設定ツールが提供されている。 これがなかなか微妙なところがあるツールで、そのへんは以下にまとめた。 >> Emporio、テンプレートデザイナーでできないフォント調整とその対処 が、テーマデザイナーでできる 有用な設定 ももちろんたくさんある。 今回はテーマEmporioで、テーマデザイナーを使ってできるオススメの設定を紹介する。 すべて自分でもやっている設定である。 とりあえずテーマデザイナーの”使える”側面を知っていただければ幸いです(・∀・) スポンサーリンク

最近 SEO勉強会なども始めて 、かなりSEOを意識するようになった。 それで気づいたのだが、昔からやってるブログで使ってるような古いBloggerのテーマはSEO的に問題がある。 具体的にはブログ「 希望の苗を植えてゆく 」なのだが、記事タイトルの前にブログタイトルが付いていたのだ。 これはSEO的にかなりマズいことであるので、 記事タイトルの後ろにブログタイトル の順になるようカスタマイズしました。

Bloggerには目次を出す機能がない。 なのでカスタマイズが必要だが、定番の方法は Javascriptで記事の見出しから目次を自動生成 する方法だろう。 見出しをつけて記事を書くだけで目次化できるのでこれは楽ちんだ。 ネットにはそういうコードを発表してくれてる人があちこちいるので、自分も基本的にコピペで目次生成に成功した。 ただ本来のコードは（この記事の目次のように）項番が自動付与されるのだが、それが適用先のブログの見出しのフォーマットに合わなかった。 なので少しコードをいじってこのような↓目次を出している。 適用先のブログの状況によって他にも細かなカスタマイズが必要にもなった。 今回はそのへんのカスタマイズも含め、Bloggerへの目次の導入につきまとめてみたい。 スポンサーリンク

最近、 カンボジアブログ で長年悩まされた Emporioのバグ修正に成功！！ したので備忘も兼ね記事にしておく。 「注目の投稿」のタイトルがなぜか個別記事の上に出る という最低のバグで、Twitterのフォロワーさんにも指摘されたが直し方がわからず諦めていた。 ※Emporioも最近のバージョンだとこのバグは修正されているみたい？なのでこのバグフィックスは必要ないかもしれません が、トップページにだけ「注目の投稿」ガジェットを表示するという判定文を入れるだけで修正できたのでした :) というわけでこの記事を読めばスタイリッシュなEmporioをダサダサにせず「注目の投稿」を使えるようになるぞ＾＾ スポンサーリンク

Emporioで記事タイトル下に広告を出すカスタマイズを初めてやったのは、 カンボジアブログ だった。 当初サイドと記事の一番下に出していたのだが、 記事タイトル下のリンク広告 が効果が高いというのを目にして、ちょっと試したくなった。 で、とりあえずタイトル下に出すのはすぐできた。 が、 トップページや検索結果画面に並ぶ記事のタイトル下にもずらっと出て しまって、えらく見にくいトップページになってしまった(^_^;) その後、個別の記事でだけタイトル下に広告を出す方法を見つけ出して、今は問題なくやれている。 やったことは 記事のソース確認 カスタマイズ場所の当たりをつけ、確認 広告コードを貼り付けて確認 トップページと検索結果画面以外のときに広告を出すようにする という感じ。 やりたい人は多いと思うので、やり方をシェアしておく(・∀・) ※作業するときは テーマのバックアップ を絶対に忘れずに！失敗したとき戻せなくなってしまうぞ(^_^;) スポンサーリンク

最近思い立ってSEOを勉強している。 自分のブログは書きたいことを書こうと思ってやってるのでこれまでSEOはほぼ意識してなかった。 ただカンボジアでも社会に本質的な変化を起こそうと、ソーシャルで面白い活動をしてる人はいて、そういう人がマーケティングパワーを持てたら面白いなあと思った。 ネットに大量に情報はあるが、やったことない人はとてもまとめ切れないので、勉強してシェアすると意味あるかなと。 で、たまたま興味ある人にシェムリアップで出会ったので、カフェで数人集まり勉強会を開いてみた。 やったのは、 SEO全体のPDCAプロセス SEOフレンドリーなライティング いろいろまとめてみて自分もだいぶ勉強になった。 せっかくなのでどんな感じかちょっと概要や、今思ってることを書いときます。 興味ある人は ゼヒ一緒に勉強 しましょう＾＾

最近、ブログ「 希望の苗を植えてゆく 」のこの記事↓がなぜか爆発的に読まれている。 >>  お金をかけずに永住権が取れる国について超・コンパクトにまとめてみる～欧州、フィリピン、インドネシア、NZ、パラグアイ～ もうだいぶ前の記事なのだが、やはり脱出したい人が多いのか(^_^;) しかしこのアクセス激増のおかげで、この弱小ブログの アクセス・パターン も見えてきた。 Blogger標準の統計機能だけでもアクセス数を始めいろいろなことを確認できるので、今回は ブログの状況確認と 状況に対応した戦略 の実際（大したことないけどｗ）を紹介してみたい。

自分の以下の2つのブログで使っている色々とクセの強いテーマ・Emporio。 GET A LIFE in Khmer! おとなになってからの英語学習 見た目をいじるテンプレートデザイナーというツールを提供していながら、その設定が ちょいちょいブログに反映しない という素晴らしい現象に日々遭遇している。 >>  Bloggerの新テンプレートEmporio、テンプレートデザイナーを使ってみた（そして使えねえことを知った） 詳しくは↑に書いたが、 画像キャプションのフォント が本文よりでかく、不格好なので小さいフォントサイズにしたかった。 が、このツールで設定してもなんかうまくいかないのである。 Bloggerが誇る微妙なツール、テンプレートデザイナー で、そういうときにはもっとローレベルな対応をするしかない。 ブロガーのテーマはHTMLレベルでカスタマイズできるので、CSSをいじればできることは多くなる。 でもそれってどうすんの？！というのがやったことないと分からないと思うので、今回のフォントサイズ変更を例にまとめてみようと思う。 なお今回はEmporioの例ではあるが、他のテーマでCSS定義を探し出して修正するのにも参考になると思う。 スポンサーリンク

Bloggerでは テンプレートデザイナー というテーマの設定ツールが提供されている。 カンボジアブログ「 GET A LIFE in Khmer! 」（テーマはEmporio）ではこのツールで、 画像下のキャプションのフォント 投稿記事本文のフォント のカスタマイズを試みた。 しかしこのテンプレートデザイナー、設定ができそうなのにできないとか、いろいろとクセの強いツールなのである。。 今回はこのテンプレートデザイナーで なぜかできない ことを、脱力まじりにお送りする。 スポンサーリンク

wordpressのスティンガーみたいや～と思って自分の カンボジアブログ で使うことにしたテーマ「Emporio」。 しかしこれがなかなかクセが強く、なんでこれができないの？！ということが色々あったりする。 これまで引っかかったのは、 ガジェットがサイドにしか追加できない 自己紹介ガジェットが自己紹介文を表示してくれない テキストガジェットを追加しても有効化できない こういうのもHTMLやCSSをいじったりすると何とかなるのかもしれないが、めんどくさいので諦めたり、簡単な便法で乗り切っている。 とりあえず1.は諦めなのだが、残り2つは 超ローテクで 対処可能だ。 あんまスマートではないのだが、そのぶん技術力が無くてもできるという意味で役立つかも？と思いまとめてみた。 スポンサーリンク

最近また新しくブログを立ち上げたのだが、新規にBloggerのブログを作ったとき必ず必要と思うカスタマイズがある。 それが以下の5項目なのだが、 TLDリダイレクトの抑止 目次の設定 Twitterカードの設定 Millard関連記事 広告／アフィリエイトの設定 とりあえず前のブログやツールからのコードコピペですべてできた。 また英語やもう少しカタい記事のブログを新しく立ち上げるかもしれないので、そのときの備忘録に残しておく。 ※なおTLDリダイレクトは 最近なくなった？ 感じもするので、カスタマイズしなくていいかもです。 スポンサーリンク

2016年の話だが、9月の末くらいからブログ「 希望の苗を植えてゆく 」のアクセスが急激に増えた。 それまで日に100超えるくらいのものだったのが、その頃から急に増え、あれよという間に1,000を超え、今は 1,500 を安定的に超えるようになった。 本当に急激な変化で、全体のアクセスが6万なのに10月だけで3万くらいアクセスがあるのが状況をよく示している（笑） グラフに現れる１００→１５００の急激具合 読まれているのは圧倒的に 最近1ヶ月 の記事で、なぜか軒並み 1,000ヒット を超え、さらにアクセスをじりじり伸ばしている。 それ以前の過去記事は↓以外は基本的に伸びが止まっている。 >>  これがたんじゅん農法２．０だ！労力ほぼゼロのたんじゅん畑が登場した！ これは例外に過ぎないだろうから、何が最近そんなに変わったのか？いろいろ考えてみた。 まずアクセス元サイトの内訳を見てみると、 このブログ自身 が圧倒的。 思いっきり間を空けて次はFacebook、さらにかなり間を空けてTwitter。 検索（google）からは意外に少ない。 プラットフォームは Windows が圧倒的というかほぼこれで、次いでAndroidとiPhoneが続くがWindowsの50分の1くらいの割合である。 ブラウザは Firefox に偏っている。 そして不思議なのはアクセス元の国で、なぜか フランス がほとんどを占める（笑） 9割くらいフランス（笑）嘘つけ（笑）（笑） おフランスに日本語読める人がたくさん？ この最後のフランスのせいでホントにアクセスが増えたんでなくてBloggerの 何かのバグじゃないか という疑惑が頭をもたげるのだが、Adsenseの収入も少し増えたのでそうでもないのかな？と少々混乱している。 なお一応言っておくと、このブログの収益は年間1,000円で生きれる人なら十分なくらいというレベルであり、 無いに等しい ことを断っておく（￣▽￣ ブログ飯志望の人が一気に 興味を失った 気がするが（笑）、まあこのブログは生き方を変えたい人に具体的な一歩を踏み出してもらうのが目的なので、別に収益などどうでもいいと強がっておく。 ああ生きるって大変（￣▽￣ このアクセス...