ITOBEN STYLE > EC-CUBE:Googleカスタム検索を使う 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]
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]
[/php]
【補足】
下記を参考にCSSを修正する
[php]
[/php]