Movable Typeの最近のブログ記事

Google 検索向けAdSenseはサイト内検索のみに対象を絞ることが可能である。そこで、MT4が提供している検索の変わりに、検索向けAdSenseを設置した。

その手順は、

1. アドセンスコードの取得
2. 検索ボックスの作成
3. 検索結果の表示テンプレートの作成

となる。

アドセンスコードの取得

アドセンスコードを取得するには、[AdSense 設定]タブをクリックし、[検索向けAdSense]を選択する。

検索タイプの選択

検索タイプは自サイト内の検索を対象とするので選択するサイトのみをチェックし、選択したサイトに検索対象とするサイトのURLを入力する。

詳細オプションの選択

詳細オプションの選択で、[サイトの言語]を「日本語」を選択。[お客様のサイトのエンコード]はMT4のデフォルトでは「Unicode(UTF-8)」のはずなので、これを選択する。自分でエンコードを変更している場合はそれに合わせ選択する。[Google ドメイン用の国または地域]は「日本」を選択。

検索ボックスオプションの選択

検索ボックスのブランドスタイルの選択とテキストボックスの長さを指定する。適当なブランドスタイル（ここではデフォルトのデザイン）を選択し、テキストボックスの長さは文字数で指定する。ここでは20文字とした。

検索結果のスタイル

検索結果を自分のサイトに表示することになるので[自分のサイトに結果を表示する]をチェックして検索結果を表示するファイルのURLを入力する。また、検索結果領域の幅を指定するが975px以上で指定する必要がある。検索結果に対して広告を表示する場所を指定する。ここでは「上と下」を選択した。

検索コードを取得

利用規約に合意する為にチェックボックスをオンにし、検索エンジンの名前を入力して「送信してコードを取得」ボタンを押す。

サーチコード

表示された上のコードは検索ボックスのコードで、下のコードは検索結果を表示するためのコードになっている。今回は、MTでサイトの検索というウィジットを作成し、そこにコードを貼付している。

検索ボックスの作成

MTの「デザイン」 - 「ウィジット」 - 「ウィジットテンプレートの作成」で開く編集画面で以下のコードを貼付する。

<h3 class="widget-header">サイトの検索</h3>
<div class="widget-content">
  <div>検索ボックスのコードをここに貼る</div>
</div>

検索結果ページの作成

検索結果ページを作成するにはMTの「デザイン」 - 「テンプレート」でメインページの内容を全てコピーしておいて、「インデックステンプレートを作成」をクリックし表示される編集画面に貼り付ける。そして、<mt:Entries lastn="10" offset="1">から</mt:Entries>までを削除し、そこに検索結果を表示するためのコードを貼り付ける。出力ファイル名には前述した検索結果のスタイルで指定したファイル名を入力し保存する。

これで、MT4に検索向けAdSenseの設置はできた。ただし、検索結果領域の幅の指定が975px以上でなけらばならない為、検索結果の表示では右側が切れてしまっている。検索の目的としてはあまり影響がないのでそのままとしよう。適当なキーワードで検索してもらえれば具合いがわかるだろう。

Movable Type 4のエントリーを関連付けるためのプラグインを導入した。一応うまくいっているようなのでその導入手順を書いておこう。

1. RelatedEntriesというプラグイン(RelatedEntries_1_20.zip)を作者のブログ記事からをダウンロードする。
2. ダウンロードしたファイルを解凍する。
3. RelatedEntries_1_20ディレクトリの中にRelatedEntriesディレクトリが作成されているので、このディレクトリごとMTのpluginsディレクトリにアップロードする。
4. RelatedEntriesディレクトリにあるmt-related-entries.cgiの属性を755に変更する。

5. 「ツール」 - 「プラグイン」にRelated Entries 1.20という項目が表示されるようになるので、設定をクリックして関連付けるブログを選択する。エントリー一覧の1ページあたりの表示件数を設定して「変更を保存」する。 デフォルトでは50件となっている。

   

6. 「テンプレート」 - 「アーカイブテンプレート」のブログ記事テンプレートに以下のコードを挿入する。

   <MTEntryIfRelatedEntries force="1">
   <h4>関連するエントリー：<$MTEntryRelatedEntriesCount force="1"$>件</h4>
   <ul>
   <MTEntryRelatedEntries force="1">
   <li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a> (<MTBlogName>, <$MTEntryDate format="%Y/%m/%d"$>)</li>
   </MTEntryRelatedEntries>
   </ul>
   </MTEntryIfRelatedEntries>

7. 「一覧」 - 「ブログ記事」から保存済みのブログ記事を開き、プラグインアクションの関連付けを選択して「Go」をクリックする。

   

8. 今まで書いたエントリーが一覧表示される。

   エントリーどうしを相互に関連付けるには「相互」に、関連付ける元のエントリーから先のエントリーにのみ関連付ける場合は「リンク」に、リンクとは逆方向の関連付けをする場合には「被リンク」をそれぞれオンする。

   

Movabel Typeのブログタイトルの背景にオリジナルの画像を表示させる。

メニューの「デザイン」 - 「テンプレート」からインデックステンプレートの「スタイルシート」を編集する。

背景にしたい画像のアップロード先のURLを指定する。また、ヘッダーの高さを画像のサイズに合わせて指定している。

GoogleのサイトマップとしてフィードのURLを登録していたが、このフィードを使う場合は最近のURLに関する情報しか提供できない。そこで、Movable TypeでSitemap形式のサイトマップを作成して全ての記事のURLを登録する。

メニューの「デザイン」 - 「テンプレート」から「インデックステンプレートを作成」をクリック。

テンプレートを作成画面でテンプレート名「サイトマップ」を入力し、サイトマップ作成コードを記述する。

出力ファイル名を「sitemaps.xml」として「保存」ボタンをクリックする。その後、再構築。

ブログ記事にAdsenseを貼り付けるにはブログテンプレートにアドセンスコードを貼り付ける。

テンプレートは「システムメニュー」 -> 「デザイン」 -> 「テンプレート」 -> 「テンプレートモジュール」 の ブログ記事の概要テンプレートと「システムメニュー」 -> 「デザイン」 -> 「テンプレート」 -> 「アーカイブテンプレート」のブログ記事テンプレートで、以下のコードを追加した。

<MTEntriesHeader>
   <div class="adsense">
   <div>アドセンスコード</div>
   </div>
</MTEntriesHeader>

アドセンスを表示させる位置によって、コードを挿入する位置が変わるが、 <div class="asset-content entry-content">の前に挿入している。

サイドバーにAdsenseを貼り付けるには「デザイン」 -> 「ウィジェト」 -> 「ウィジェットテンプレート」 -> 「ウィジェットテンプレートを作成」で開いた画面にアドセンスコードを貼る。

実際のコードは以下のようにした。

<h3 class="widget-header">スポンサードリンク</h3>
<center>
   <div>アドセンスコード</div>
</center>

その後、ウィジェットセットでアドセンスを表示させたいサイドバーを選択し、ウィジェットセット編集画面で「利用可能」にある作成したウィジェットを「インストール済み」ボックスにドラッグアンドドロップする。

インストール済みボックスにあるウィジェットの位置が表示位置になる。