好きな事を好きな時に好きなだけする

そんな人生最高じゃないですか。

これがしたかった!Googleカスタム検索を設置する方法

   

サイト内検索をする際、Googleカスタム検索を非常に便利です。
多くの有名サイトでも採用されており、使ったことがある方も多いのではないでしょうか。

今回はそのGoogleカスタム検索の設置方法を紹介します。

設置方法

まずはカスタム検索のサイトにアクセスします。

STEP1

「カスタム検索エンジンの作成」をクリックします。

STEP2

  1. 検索するサイト
  2. 言語
  3. 検索エンジンの名前

この3つを入力し「作成」をクリック。
この際、検索するサイトの最後に”*”を付けてください。

STEP3

「コードを取得」で埋め込みコードを取得します。

STEP4

埋め込み用スプリクトが表示されるので、コピーしてください。

STEP5

次は実際に埋め込み作業ですが、基本的にサイドバーに埋め込むことが多いと思うので、その例になります。

ウィジェット管理でサイドバーウィジェットにテキストをドラッグ&ドロップし、上記のようにスクリプトをペーストします。
後は保存すれば表示されます。

STEP6

これが表示例です。
ちょっとデザインが崩れているのでCSSで修正してあげる必要がありそうですね。

デザインは変更できないのか

これ以外にデザインはないのかと思い、調べてみました。
さすがGoogle、ないわけがありません。

デザインカスタマイズ

レフトナビの「デザイン」をクリックすれば、

  • レイアウト
  • テーマ
  • カスタマイズ
  • サムネイル

などを変更することができます。
クリック一つで可能なので、気になる方は是非使ってみてください。

 - WEBサービス

adsensepc

adsensepc

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

WordPressテーマをStinger3に変更した理由

目次1 以前使っていたテーマ1.0.1 アーカイブ、タグ、検索結果ページなどはN …

Web制作者必見!SEO対策をするなら見ておくべきブログ5選

SEOについての情報を探している方も多いと思いますが、いろいろな情報がありすぎて …

Kindleで本が無料で読める!その方法とは

私はAmazonの信者とも言えるほどAmazon好きで、もちろんほとんどの本をK …

新たなwebサービスを簡単に作ることができるIFTTT(イフト)!!

目次1 IFTTT(イフト)ってなに?1.1 例えばこんなことができる2 IFT …

NAVERやMERY以外のまとめサイト、どれぐらい知ってますか?

まとめサイトと言えばNAVERが有名ですが、最近はKDDIに買収されて話題のME …

Gunosyに不具合!?それとも自分だけ!?

ニュース好きの私はいつもGunosyの朝刊・夕刊を楽しみにしているのですが、今日 …

確定申告は「freee」で決まり!?

今年からフリーランスになった私ですが、会計知識など全くなくどうしようとあたふたし …

情報収集に使っているニュースアプリ・メルマガ大公開!!

目次1 オススメのニュースアプリ&比較1.1 Gunosy / グノシ …

山本美月さんや佐野ひなこさんまでも!LINEブログへの移転が止まらない

2014年11月にリリースし、リリース時に鈴木奈々さんや藤井リナさんなど10組が …

メタップスが出したアプリ収益化支援ツール「MetapsAnalytics(メタップスアナリティクス)」

最近のメタップスの躍進がすごいということで、当ブログでも一度メタップスのことを取 …