[当ブログは、アフィリエイトプログラムに参加しています。ページに広告が含まれる場合があります]

2017/02/26

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

ガジェットを追加画面
Bloggerではガジェットを追加できますが、デフォルトではモバイルに表示されません。
モバイルでガジェットを表示する場合は、レイアウト画面でガジェットを追加し、「HTML編集画面」で「mobile='yes'」を設定する必要があります。

ただし、これだけではガジェットがフッターに表示されてしまいます。
縦に長い記事だと不便なので任意の場所に表示します。
フッターに表示された検索ボックス
テンプレートをいじるので保存してから作業を進めましょう。
今回は例として「ブログ検索」ガジェットをモバイル表示させます。
ガジェットを表示させたい場所に★マークなどの記号を入れておくと目印になり、作業がスムーズに進みます。

手順1.レイアウト場面で「ブログ検索」ガジェットを追加し、「設定を保存」をクリック。
ブログ検索ガジェットを追加

手順2.テンプレート→HTMLの編集で「ブログ検索」ガジェットへ移動し「…」をクリックして展開します。
ブログ検索ガジェットをクリックして展開

手順3.展開したら以下のコードを抜き出してコピー。
<form class='gsc-search-box' expr:action='data:blog.searchUrl'>
          <table cellpadding='0' cellspacing='0' class='gsc-search-box'>
            <tbody>
              <tr>
                <td class='gsc-input'>
                  <input autocomplete='off' class='gsc-input' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q' size='10' title='search' type='text'/>
                </td>
                <td class='gsc-search-button'>
                  <input class='gsc-search-button' expr:value='data:messages.search' title='search' type='submit'/>
                </td>
              </tr>
            </tbody>
          </table>
        </form>

手順4.ガジェットを表示したい場所にコードを貼り付けます。
そのまま貼り付けても良いですが、管理人の場合はセンター揃えにし、「このブログを検索」というタイトルを追加。
さらに検索ボックスとタイトルの間隔を開けたかったのでマージンを指定しました。
以下のコードをコピーしてそのまま使えます。

<!--スマホ投稿タイトル上・ブログ内検索-->
<div align='center'>
<div style='margin:0px 0px 0px 0px;'>
  <font size='2'>このブログを検索</font></div>
<div style='margin:5px 0px 0px 0px;'>
        <form class='gsc-search-box' expr:action='data:blog.searchUrl'>
          <table cellpadding='0' cellspacing='0' class='gsc-search-box'>
            <tbody>
              <tr>
                <td class='gsc-input'>
                  <input autocomplete='off' class='gsc-input' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q' size='20' title='search' type='text'/>
                </td>
                <td class='gsc-search-button'>
                  <input class='gsc-search-button' expr:value='data:messages.search' title='search' type='submit'/>
                </td>
              </tr>
            </tbody>
          </table>
        </form>
     </div></div>
<!--スマホ投稿タイトル上・ブログ内検索-->
設置見本

検索ボックスのサイズが小さかったので10から20へ変更し、投稿タイトル上と記事下の2ヶ所に設置しました。
マージンと検索ボックスのサイズはお好みで調整してください。

この方法ですべてのガジェットをモバイルの任意の場所に表示できます。
よければお試しください。

【関連記事】
Bloggerのラベル表示をモバイルでプルダウン化する
 

2017/02/25

動画編集もできる「Movavi Screen Capture Studio」

Movavi Screen Capture Studio
「Movavi Screen Capture Studio」という画面キャプチャソフトを使ってみました。
画面キャプチャソフトとは、パソコンの画面を録画できるソフトです。
録画ボタンをクリックし、録画したい箇所をキャプチャフレームで囲めば録画が始まります。
ゲーム画面やオンラインビデオ、Skypeの通話映像等も保存でき、非常に利用頻度が高いソフトです。

Movavi Screen Capture Studioでは「キャプチャタイマー」が利用できます。
長時間録画や途中でパソコンの前を離れる時にはキャプチャタイマーを使った録画を試してみましょう。
キャプチャタイマー設定画面
日付と時間指定をすれば、自動で録画を開始・停止することができます。

Movavi Screen Capture Studioは価格の割に多機能なソフトで、動画編集機能も搭載しています。
キャプチャ機能単体のソフトだと別途動画編集ソフトを用意する必要がありますが、Movavi Screen Capture Studioなら録画から動画編集まで1本のソフトでこなせるので便利です。
保存したキャプチャ映像には音楽やナレーションを後から追加でき、不要部分のカット、フィルタ加工、テロップなども後から追加できます。
フィルタ操作画面
MP4、MOV、AVIなどほとんどの動画形式に対応していて、録画したキャプチャ映像は保存先と形式を指定すれば変換やディスクへの書き込みはボタン一つで済みます。
youtubeやFacebookなどのSNSでの共有も簡単にでき、初心者にも使いやすいソフトです。

Movavi Screen Capture Studioの詳しい操作方法は
「ストリーミングビデオのキャプチャ方法」
https://www.movavi.com/jp/support/how-to/how-to-capture-streaming-video.html をご覧ください。
 

2017/02/17

Google AdSense【関連コンテンツユニット】を使ってみて

関連コンテンツユニット画像
1週間前から「関連コンテンツユニット」を表示しています。
Google Adsenseの最適化に通知がきたので設置したわけですが、実は「関連コンテンツユニット」って全く知らなかったんですよね(^_^;)

早い人には1、2年前からベータ版が提供されていたみたい。

ちょっと前にMilliard設置したばかりなのにな~と思いつつ、GoogleのサービスならBloggerと相性良いかもと早速設置させてもらいました。

関連コンテンツユニットってなに?

1.関連コンテンツユニットの主な機能は…
  • 参照記事に関連する記事を自動で表示してくれる。
  • 表示した関連記事の中に広告を紛れ込ませる。
説明によると関連コンテンツユニットを設置すれば訪問者の滞在時間やページビューが増え、広告収益も増えますよ。ということらしいです。
ちなみに広告は設置後しばらくしないと表示されません。(別途設定が必要です。)

2.利用資格が必要
アドセンスのサイト審査みたいなもんでしょうか。
サイトが承認されないと関連コンテンツユニットは利用できません。
関連コンテンツを利用できるのは特定のサイト運営者様だけです。ご利用いただくには、サイトのトラフィック量とページ数の最低要件を満たしている必要があります。

出典:AdSense ヘルプ――関連コンテンツ機能について

使ってみた感想

当ブログでは今までMilliardを使っていたのでページビューや滞在時間にそれほど変化は無いような気もします。

ですが、クリック率がわかるのでMilliardと比べて関連コンテンツがもたらす効果がわかりやすいというメリットはあるのではないでしょうか。
statcounterでもクリック拾ってましたし。

設置当初はいまひとつでしたが、1週間たった現在は精度はそれなりといった感じ。
Googleだし、これからもっと良くなるのかな??

一つ不満をあげるとすれば、Milliardはスクロールすれば関連記事以外も見られたのに関連コンテンツユニットは最大8記事しか表示されないことくらいです。

【関連記事】
便利でオシャレ「Milliard関連ページプラグイン」を導入