Bloggerのラベル表示をモバイルでプルダウン化する

更新日：2018年03月15日(木)

Bloggerはデフォルトではモバイル端末にラベルが表示されません。
不便なのでモバイルにもラベルを表示させたのですが、ダラダラと下に長くなってしまいました。

これでは見づらくタップしにくい、というわけでラベルのプルダウン（ドロップダウン）化に挑戦してみました。
テンプレートに手を加えるので保存してから作業を進めましょう。

モバイルでラベルをプルダウン化する

テンプレート→HTMLの編集で「ラベル」を検索します。
［Ctrlキー+F］で検索すると簡単に探せます。

以下のラベルウィジットを見つけたら

<b:widget id='Label1' locked='false' title='ラベル' type='Label' version='1' visible='true'>…  </b:widget>

「…」をクリックしてテンプレートを展開させ、下記のコードを上書きします。

<b:widget id='Label1' locked='false' mobile='only' title='ラベル一覧' type='Label'>
<b:includable id='main'>
 <b:if cond='data:title'>
   <h2><data:title/></h2>
 </b:if>
 <div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;'>
   <option> ラベルを選んでください </option>
   <b:loop values='data:labels' var='label'>
      <option expr:value='data:label.url'><data:label.name/>
         (<data:label.count/>)
      </option>
   </b:loop>
</select>
   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>

今回はモバイル表示のみプルダウン化したかったので「mobile='only'」を付け加えました。

このままではPCでラベルが表示されませんので、管理画面→レイアウトで新たにラベルガジェット「Label2」を追加します。

手順はこれでOK！ すっきりとしてモバイルでもラベルが見やすくなりました(^o^)／
他のガジェットもこの方法でプルダウン化できます。

赤字の「<option>～</option>」部分には「<option> Select a Label </option>」のように好きな文字を入れることができます。

「mobile='～'」の使い方をまとめると、

• 「mobile='yes'」→モバイルにも表示させる
• 「mobile='only'」→モバイルのみ表示させる
• 「mobile='no'」→モバイルでは非表示

となっています。

もしPC、モバイル両方でラベルをプルダウン化したければ、「mobile='yes' 」で指定します。
この場合、「Label2」を追加する必要はありません。

テンプレートによっては「mobile='only'」を指定するとレイアウトの保存ができなくなるケースがあるようです。
その時はテンプレートで「mobile='only'」を一旦削除する必要があります。

※今回参考にしたのはこちらのサイトです。
バカと俺につける薬

【関連記事】
Bloggerのガジェットをモバイルで任意の場所に表示する方法

DeNAのまとめサイト「WELQ」がとうとう閉鎖に！

医療系まとめサイト「WELQ」が閉鎖されたというニュースを見ました。
「WELQ」だけでなく、DeNAが運営する他9サイト（MERY、iemo、Find Travel、cuta、UpIn、CAFY、JOOY、GOIN、PUUL）も非公開になったそうですね。

まず、まとめサイトを10個以上も運営していたことにびっくり。
そんだけ儲かるってことかー。
何かを検索するとまとめサイトって上位に表示されますもんね。
「NAVERまとめ」とか。

実は「WELQ」というサイト自体知らなかったんですが、先月末にたまたま記事がヒットしアクセスしたら全非公開になってまして、調べてみたら以前から専門家の記事のコピペ盗用がネットで問題になっていたのを知りました。

サイト閉鎖は時間の問題かな～。

と思っていたら約1週間で閉鎖。他のまとめサイトも記事非公開。
「MERY」なんて、テレビCMまで放送されていたのに記事の8割型がコピペ記事だったらしいですね。
スゴイとしかいいようがない。

DeNAのまとめサイトが閉鎖に追い込まれたのは「WELQ」の「死にたいと思ったときに試して欲しい7つの対処法」という記事が発端とのこと。

なんでこんな記事が掲載されたのか理解に苦しみます。

肩こりの原因が「幽霊」なんて記事もあったらしいですね。
仮にも医療系サイトなのにあまりにもお粗末すぎる…。

これらの記事を書いた人もDeNAの担当者も一般人とかけ離れた感覚の持ち主なんだろうと思います。

まとめサイトって手っ取り早く情報を得られるので確かに便利なんですよね。
ちゃんとした運営をしているサイトには迷惑な話。

それにしても「WELQ」の記事には驚きました。

mp3ファイルを分割できるフリーソフト「mp3DirectCut」

更新日：2016年12月19日(月)

 「mp3DirectCut」はMP3ファイルを分割できるフリーソフトです。
これを使うと切れ目の無い音源でもCDに焼けば頭出しができるようになります。

入手方法

mp3DirectCutは公式サイトの各リンクからダウンロードできます。
公式サイト：http://mpesch3.de1.cc/mp3dc.html

ダウンロードしたexeファイルは、拡張子を「.exe」から「.zip」に書き換えればインストール不要のポータブルソフトとして使えます。
拡張子書き換え後に解凍できない場合は7zipなどの解凍ソフトを使って下さい。

日本語化

ソフトを起動すると言語設定タブが開くので「Japanese」を選択→「Restart」ボタンをクリックします。

使い方

１．mp3ファイルを読み込み、波形を見ながら編集していきます。

元のmp3ファイルが上書きされるとまずいので、「ファイルをコピー」→「不要な部分を削除」→「1曲ずつファイルを保存」という手順で作業しました。

２．設定タブで編集画面を見やすくしましょう。

デフォルト画面だと波形が細かくて見づらいという方は、設定タブで
■大型タイマー
■大型タイマーに相対時間を表示
■ミリ秒の表示
■Show timeline
■dbスケールの表示
■Keep date on creating new file
■マージンボタンの有効化

にチェックを入れておくと編集作業が楽になるのでおすすめです。

３．曲の波形を見ながら不要な部分を選択しカットしていきます。
選択方法は２つあります。

１つ目はカット開始位置を左クリック、カット終了位置を右クリックして選択する方法。
２つ目はカット開始位置で「開始位置設定(B)」ボタンを押し、カット終了位置で「終了位置設定(N)」ボタンを押す方法です。

４．カット部分が選択されると水色の枠で囲まれるので、「ハサミ」ボタンをクリックすれば選択部分がカットされます。

５．残したい楽曲部分を保存。

以上が大まかな使い方です。
「mp3DirectCut」の波形は正確に表示される訳ではないらしいので、「▷（再生）」・「□（停止）」ボタン等で音声を確認しながらの作業をおすすめします。

他にも色んなボタンがありますが、基本さえ押さえれば扱いは難しくありません。
ポータブルだし、感覚的に使えるし、良いソフトだと思います。

ただし、聞きながら作業を進めるので自分の好きな楽曲でないと途中で嫌になるかも…^^;

「StatCounter」でAdSenseコード不正使用・不正クリックを監視

3週間ほど前からGoogle Adsenseのマイページに

”お客様の広告コードは過去 7 日間で、所有していないウェブサイトに何度も表示されました。収益の損失を防ぐには、サイト管理の所有サイトリストにこれらのサイトを追加してください。”

と、表示されるようになりました。

新しく開設したテストサイトにAdSense広告は貼っていませんし、サイト認証はすでに済ませています。
こうなると疑いたくなるのがAdSenseコードのコピーですよね。
AdSenseコードはサイトのHTMLソースを見れば誰でもわかります。
そのため、記事内容をAdSenseコードごとコピーされ全く関係ない他人のサイトに貼られてしまうこともあるようです。

それがアダルトサイトなどの違反サイトだったりすると規約違反になりますし、コピーされたサイトで不正クリックが発生する可能性もあります。
放っておくと自分には非がないのにアカウントが停止・無効化されてしまうことも…！

対策として、まずは自分のコードが貼られているサイトをチェックできるスパイチェックツール「SpyOnWeb.com Research Tool」を試してみました。

広告コードのpubから始まるID「pub-*********」を入力して検索して使います。

ところが、どういうわけか自分のサイトすら引っかかってこない。

何度か試しましたがあきらめ、次に「StatCounter」を試してみました。

StatCounterはAdSense広告をクリックした人のIPアドレスを拾ってくれるアクセス解析ツールです。

左メニューの「Exit Links」からクリックされた広告などが一覧表示され、更に虫眼鏡マークをクリックすると参照URLやIPアドレス等の詳細情報が確認できます。

ただし、無料版は直近500件のデータしか確認できません。
仕方ないので管理人は表計算ソフトにデータを取って監視中です。（一部のデータはCSVやエクセルデータでダウンロードできます。）

今のところ同じ人が連続クリックしている様子はないですが、Googleのパフォーマンスレポートよりクリック数が多いです。

やっぱり他サイトからクリックされてるんですかね。

日本語版がないので使いこなせていませんが、不正クリックをチェックするのにおすすめのツールです。
導入方法はこちらのページが詳しいです→AdminWeb StatCounterの使い方

【関連記事】
「StatCounter」で自己アクセスを除外する方法

独自ドメイン取得から約2ヶ月半。失敗したこと、やったこと

更新日：2017年10月16日(月)

9月5日に独自ドメインを取得してから約2ヶ月半が経ちました。
自分としては一応落ち着いた感が出てきましたが、ここで一度、失敗したなと感じたことと、打開策として試したことを振り返ってみようと思います。

１．ドメイン変更は心理面にクル
２．ドメイン名を適当に付けすぎた
３．内部リンクの変更し忘れ
４．【ドメインパワー】を測定してみる
５．個別に記事のURLを送信
６．ドメイン変更後のアクセス推移

１．ドメイン変更は心理面にクル

まず感じたのが、ドメイン取得時とその後の心境の変化。
色々調べたり情報収集するのが「めんどくせーな…」と思っていたけど、一旦取得してみるとある種の達成感がありました。
年間数100円でもお金をかけると意識が変わるもんですね。
もちっと頑張ってみようかという気になりましたよ。

ところが～～～。
そんな気分に水を差すできごとが。
わかっていたけど、
激動のアクセスダウン！！
ほんの少しですがアクセスが増えてきていたところだっただけに、目に見えて激減したのはやはり痛かった。
気持ちが下降するのでモチベーションもだだ下がり。

もともとBloggerは日本での利用者数が少なく、他の無料ブログサービスよりもSEO的に不利ということは承知していました。
どこかのブログでBloggerでのブログ運営は「大きな海にひとりぼっち」の感覚と表現されていましたが、独自ドメインに変更したての状態はそんな生易しいもんじゃござーせん。
その場にいるのに透明人間になった気分でしたよ～～～(;_;)

予想していたけど、これ程とは思いませんでしたね。
ドメイン取得から数日間は特に変わりなかったものの、その後の下がり方は目も当てられない感じ^^;

ブログ運営は独自ドメインで始めるのが良い、とよく言われますが、その理由を身をもって知りました。

リストに戻る⤴

２．ドメイン名を適当に付けすぎた

ドメイン名の付け方は、ブログタイトルから付ける方法やハンドルネームをもじる方法など色々あります。

管理人は深く考えずブログ名の「メモ取り！」をそのままドメイン名にしてしまったのですが、これって完全に失敗だったんじゃね？ とドメイン取得後2日目くらいに気付きました。

「memo」なんて英単語、世界中の人たちが日常的に使ってる言葉だし…。
試しに検索してみたら、「Weblio辞書」が第1位でHitするくらい一般的。
「メモ取り」で検索すると効率的なメモの取り方を説明するページが上位に表示されます。

こりゃ、失敗したな。
と思いましたが、一度取得してしまったものはどうにもなりません。

ドメイン名はよくよく考えてから付けましょう！(^_^;)

リストに戻る⤴

３．内部リンクの変更し忘れ

ドメイン変更でサイトのURLは自動的に変わりますが、Bloggerの場合は記事内に設置された内部リンクは一つひとつ手作業で変更しなければいけません。
これをきちんとやっとかないと検索流入やアクセスに影響が出るんだとか。
数が多くなると大変ですが、忘れずに設定しなおしましょう。

リストに戻る⤴

４．【ドメインパワー】を測定してみる

アクセスが減って凹んだ管理人はここで自分のブログの状況を客観的に見てみようという気になりました。

「ドメインパワー」とは、GoogleやYahoo!といった検索エンジンからのサイトの信頼度を指します。
検索で上位に食い込むWikipediaなどはドメインパワーがめちゃくちゃ強いサイトということですね。

ドメインパワーは「MOZ」というサイトで簡単に調べることができます。

入力ボックスにブログのURLを入れ、サーチボタンを押せば瞬時に表示されます。

評価レベルは0～100まであり、ドメイン取得後10日目の時点で当ブログの評価は０。
現在は１です。

…激弱っすね(^_^;)

ドメインパワーなんて言葉すら知らなかったので今更どうしたって感じですが、RPGのように地道にレベル上げしていくしかないと思われます。

リストに戻る⤴

５．個別に記事のURLを送信

あまりにもアクセス数が減ったのでとりあえず何か対策してみようとやってみたのが
Google search consoleとBing Webマスターツールへの個別ページのインデックス登録です。

サイトマップの送信は一部しか登録されないことが多いですし、新しい記事を早く登録したい場合は個別に送信した方が良いのかな、と思ってやってみました。

■Google search consoleでの記事URL送信方法

Google search consoleはFetch as Googleから送信します。
入力ボックスにページのURLを入力したら「取得」ボタンをクリック。
新しいURLがリストに表示されますので「インデックス登録をリクエスト」ボタンをクリック。
すると「送信方法の選択」画面が表示されます。

指定方法は2通りあります。
１．このURLのみをクロールする
指定したURLのみを送信したい場合に選択。月に500回まで可能です。

２．このURLと直接リンクをクロールする
指定したURLの全てのリンクを対象にしています。月に10回まで可能です。
ブログのサイトマップページなどで利用すると全ページクロールされて便利そうですね。

今回は指定したページのみで良いので、新しい記事とよく読まれている記事を中心に「このURLのみをクロールする」を実行しました。

■Bing Webマスターツールでの記事URL送信方法

Bing Webマスターツールでは左メニューの「自分のサイトの設定」→「URLの送信」からインデックス登録が可能です。
1行に1URLずつ入力することで、一度に複数のURLを送信できます。
1日に10件、月に合計50件までが上限です。
この機能はアカウント毎に管理されているGoogle search consoleとは違い、各サイトで管理されています。

ただし、サイトによっては「URLの送信」メニューが表示されない場合もあります。
記事数が問題というわけでもなさそうで、今のところ原因は不明です。

これまでBing Webマスターツールは重視しておらず、サイトのインデックス登録もGoogleほど進んでいませんでしたが今回試してみたところ一定の検索流入がありました。

管理人はGoogle一辺倒ですが、インターネットを使い慣れていない知り合いの中にはYahoo!やBIGLOBE検索が使いやすいという人もいます。
Googleトップページはシンプルすぎて何から始めたらよいかわからないという意見もあるので、両方を併用することでアクセス増加が期待できるのではないでしょうか。

リストに戻る⤴

６．個別ドメイン変更後のアクセス推移

以下の表とグラフは独自ドメイン変更直前の9/4を基準に9/12、10/20、11/12、11/20の各状況をまとめたものです。

（単位：％）

	セッション	ユーザー	ページビュー数	ページ/ セッション	平均セッション時間	直帰率	新規セッション率
9/12	-39.82	-38.86	-40.37	-0.91	-43.94	5.13	2.20
10/20	-34.07	-31.28	30.00	97.18	-9.69	-0.95	0.87
11/12	-1.33	-1.90	8.89	10.35	-21.29	-6.41	0.33
11/20	0.88	0.47	16.67	15.64	40.61	-12.51	-0.88

独自ドメイン取得3日後にセッションが一気に下がり、その後小さな上がり下がりの波を繰り返し、11月に入ってようやく数値が戻り始めました。

10月20日にページビューが急激に増えているのは外国からのリファラースパムかと…。
直帰率が減ったのは10月半ばに関連ページプラグインのMilliardを導入した効果が出ているのだと思います。
Milliard入れて良かったー♪

11月20日現在のアクセス数は独自ドメイン取得前の同程度まで回復してきました。
最下点は10月14日辺りで（約1ヶ月半後）、あまりにアクセスが減ってしまいもう戻らないかも…。
と、思っていた頃です。ちょっとでも上向きになって安心しました。
やっぱりアクセスが減ると寂しくなってくるもんなんですよ～(^_^;)
どうもね、モチベーションがね…。

こうやって数値にしてみると経緯がわかりやすくて良いですね。
半年後、一年後はどうなっているのか。
今より良い状況であることを願うばかりです…！

それでは今回はこの辺で。
最後までお付き合いいただき、ありがとうございます。

リストに戻る⤴

【関連記事】
引っ越し【便利ツール】紹介 SeesaaブログからBloggerへ！
ムームードメインで独自ドメイン取得。WHOIS代行も無料で設定できました
ブログ引っ越し・独自ドメイン取得でやることメモ
便利でオシャレ「Milliard関連ページプラグイン」を導入