Joomla!にGoogleカスタム検索を貼り付ける

公開日| 2009年07月03日 | コメントはまだありません。

カテゴリー:基本設定 |

概要 :
Googleカスタム検索は、Google Adsenseの一つの広告として作成できます。自身のサイトが、ほとんどの記事が、Googleのインデックスに登録されたら、Joomla!の検索から、Googleカスタム検索へ切り替えると良いと思います。
ようやく、このサイトもある程度、Googleのインデックスに登録されましたので、Googleカスタム検索を貼り付けてみました。
(追記 : 2009.07.06 まだまだ、検索結果がよくないので、Joomla!の検索へ戻しました。)

今回は、Googleカスタム検索の貼り付け手順を記載します。
少しのphp、Joomla!テンプレートの知識が必要です。（初心者向けの記事です。）

もっと、Joomla!やPHP、Apacheについて詳しく知りたい方は、以下の本なども良いと思います。
本から学ぶことは多いと思います。ネットだけでは判らない様々な事に気づかされます。

Joomla!Pro Book オープンソースCMS導入&カスタマイズガイド

初めてのPHP & MySQL 第2版

Apacheハンドブック

カスタム検索を貼り付けましょう

カスタム検索は、以下の手順で貼り付けます。

Google Adsense を申し込む

-- 既に申し込んで、自分用の広告を作成できる状態の方は、次へ進みましょう。

Joomla!での検索入力ボックス＋検索ボタンの配置を決める

また、結果も自分のページへ貼り付ける場合は、どこに貼り付けるか決める。
-- 結果は、ある程度の大きさが必要になります。（参考：広告を上＋右に出すように設定すると幅は、800pxほど必要になります。）
結果の配置は、よく考えましょう。
また、検索ボックスは、カスタムモジュールでもできなくはないですが、自分で、色々と試したい場合などは、テンプレートに直接貼り付けて置いた方が、無難です。(後で、自分なりにカスタマイズしようと思った時、PHPで一部、書き込めるからです。)

以下のファイルのどの位置に設置するかを確認しておきます。
/joomla!インストール先/templates/ご利用のテンプレート名/index.php

※もし、どこか判らない場合は、場所(left,right,header,footerなど)で検索すると、大方の位置がわかると思います。
結果の出力は、恐らくは、メインコンテンツを表示する位置に検索結果も表示すると思いますので、"showComponent"や"component"などで検索すると良いと思います。

1	<jdoc:include type="component" />

上記の記述を行っている箇所がメインコンテンツを表示している位置になります。

自身のGoogle Adsense のカスタム検索広告を作成する

Google Adsenseログインの後、以下の画面から作成できます。

画面に従い、手順どおりに行えば、難しくありません。
サイト運営の初級者にとっては、難しいこともあるかもしれませんので、自身のサイトを検索する場合の設定例を以下の貼り付けてきます。
この画面の設定は、このサイト内を検索するように設定しています。

ここで、幅や色などの定義を行います。色は、背景色は透明にはできませんので、色の設定を自身のページにあわせるように設定すると良いと思います。

-- 作成したら、必ずコードをコピーしておくこと。
以降は、Googleカスタム検索で提供されたコードのサンプルです。
このようなコードが、最後に表示されますので、それをコピーして、保存しておきます。

[検索ボックスのコード例]

<form action="http://www.off-soft.net" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="partner-pub-xxxxxxxxxxxxx" />
    <input type="hidden" name="cof" value="FORID:11" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="&#x691c;&#x7d22;" />
  </div>
</form>
 
<script type="text/javascript" src="http://www.google.co.jp/coop/cse/brand?form=cse-search-box&lang=ja"></script>

※partner-pub-xxxxxxxxxxxxxは、あなたのIDに相当します。

[検索結果のコード例]

<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 775;
  var googleSearchDomain = "www.google.co.jp";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

Joomla!のテンプレートに、検索入力ボックス＋検索ボタンのコードを埋め込む

また、結果も自分のページへ貼り付ける場合は、結果のコードも埋め込む。

検索ボックスは、どこに貼り付けても、常時、表示しているものですので、構いません。

検索結果は、どこでも良いわけではありません。先にも記述したようにある程度の大きさが必要で、検索結果を表示している場合は、他のメインコンテンツは、表示しないような制御が必要になります。

では、メインコンテンツと検索結果を入れ替えるサンプルコードを以下に記述します。

[検索結果の貼り付け例]

<?php if(isset($_GET['cx']) &&  $_GET['cx']=='partner-pub-xxxxxxxxxxxxx' ) : ?>
	<div id="cse-search-results"></div>
	<script type="text/javascript">
	  var googleSearchIframeName = "cse-search-results";
	  var googleSearchFormName = "cse-search-box";
	  var googleSearchFrameWidth = 775;
	  var googleSearchDomain = "www.google.co.jp";
	  var googleSearchPath = "/cse";
	</script>
	<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
<?php else: ?>
	<jdoc:include type="component" />
<?php endif; ?>

簡単に解説します。 1行目は、'cx'というURLパラメータがあり、且つ、その情報が、あなたのGoogleカスタム検索IDかチェックします。
2 - 10行目は、先のGoogle Adsense で取得した検索結果のコードをそのまま貼り付けています。
11行目からは、既存の処理になります。ここでは、メインコンテンツを表示しています。

これで、完了!!

実際に検索を実施して、結果が表示されるか確認してみましょう。
以下は、このサイトで、"Joomla"という単語を検索したときの結果表示のイメージです。

phpのコードを記述したりしたので、少し腰が引けた人もおられたかもしれません。
エクステンションで、上記のようなことをやってくれるものもあります。実際に、試したのですが、少し、品質的に問題があり、結局、自分でやることになってしまいました。
やってみると難なくできたので、記事にしてみました。これから、カスタム検索を貼り付けてみようと思われる方の手助けになれば光栄です。

また、このサイトでは、WEBとoff-soft.netの2種類で検索できるようになっていますが、これは、Googleカスタム検索IDを２つ準備してあげるだけです。
やることは、一緒で、その２つのIDを使って検索を実行してあげるだけです。

最後に、一応、この検索結果には、Googleの広告が載りますが、人気のサイト（少なくとも1日あたりのページビューが1000を超えるぐらいないと）でない限りは、収入にはならないと思っておいた方が良いと思います。
Google Adsenseの通常の広告でもそうです。この検索の貼り付けは、自身のサイトの管理のためと思われた方が良いと思います。
少なくとも、筆者は、この検索で、サイトの検索順などを検証するのに役立てています。