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

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

これがしたかった!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 …

オンラインプログラミング学習「Progate」を早速やってみた

NewsPicksで「これなら私でも学べそうーー学生起業家がつくるオンラインプロ …

どちらがいいの?Googleタグマネージャ(GTM)とyahoo!タグマネージャ(YTM)を徹底比較!!

タグマネージャはgoogleアナリティクスやgoogleアドワーズ、yahoo! …

no image
アプリ版スカウター「App Ape Analytics」が誕生!メタップスアナリティクスと合わせて使えば…

最近こんな記事を読みました。 「私のMAUは53万です」アプリ版スカウター「Ap …

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

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

今話題の「LINE@」に早速登録してみた

話題沸騰中のアプリ「LINE@」に登録してみたので、登録方法など書いていきたいと …

有名コミックも無料で読める!?LINEマンガがすごい

記憶に新しいLINE@ですが、LINEはその他にも多数のアプリをリリースしている …

【忘備録】wa-track.comが出てきた!!その対処法とは

「運営しているサイトが急に表示されなくなり、wa-track.comが出てきた! …

【永久保存版】Amazonアソシエイトのプラグイン「AmazonJS」導入の忘備録

ブログをやっている人でアマゾンアソシエイトのリンクを貼っている人は多いと思います …

「LINEウェブストアにログインできませんでした。」がついにきた!!

ついにやってきました、私のところにも。 「LINEウェブストアにログインできませ …