2012年11月26日カテゴリー:未分類

EC-CUBE:Googleカスタム検索を使う

EC-CUBEで作成しているページに、Googleカスタム検索を導入する。
EC-CUBEのバージョンは問わない。


1 URLがGoogleに登録されていることが条件なので、はじめに登録。
上記のサンプル画像では、「アイス」というキーワードで検索したが、URLがGoogleに登録されていないので、検索結果なしと表示されている。
URL登録の有無は、Googleトップページの検索窓にURLを入力して確認することができる。
検索されれば登録済み。検索されなければ未登録。

2 管理画面のデザイン管理>PC>レイアウト設定
(1)新規ページを作成
名称:Googleの検索結果
URL:search_resulte
(http://ドメイン/user_data/search_resulte.php)
共通のヘッダーを使用する  共通のフッターを使用する

(2)ブロックを新規作成
ブロック名:Googleカスタム検索
ファイル名:search_google

3 Googleカスタム検索で、「新しい検索エンジン」を作成
http://www.google.co.jp/cse/manage/all

(1)検索エンジンの設定
検索するURLを入力後、次へ

(2)スタイルの選択
選択後、次へ

(3)コードの取得画面
デザイン変更のページへ

(4)コントロールパネル画面
レイアウトの選択で、「2ページ」を選択
「保存してコードを取得」をクリック

(5)検索結果を表示するサイトのURLに、管理画面上で作成したページのURLを入力する。
http://ドメイン/user_data/search_resulte.php
URL に埋めこまれているクエリ パラメータ名はそのままで。
「変更を保存」をクリック

(6)下にある「検索要素 V1 コードに切り替え」をクリックして表示されるコードをカスタマイズする。

■search_google.tpl
[php]



[/php]

■search_resulte.tpl
[php]

Loading



[/php]

【補足】
下記を参考にCSSを修正する
[php]

powered by



[/php]