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

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

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

   

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

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

設置方法

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

STEP1

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

STEP2

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

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

STEP3

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

STEP4

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

STEP5

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

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

STEP6

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

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

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

デザインカスタマイズ

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

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

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

 - WEBサービス

adsensepc

adsensepc

Message

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

  関連記事

激ムズパズルゲーム 「Q(キュー)」が面白すぎて夜も眠れない

最近このアプリにはまりすぎて夜も眠れません。 こういう頭を使う系のゲームは中毒性 …

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

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

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

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

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

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

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

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

SEO Japan(ジャパン)のドメインが・・・SEOを謳っているのに大丈夫!?

昨日、Twitterを見ているとこのようなツイートが・・・ うわあああ、取り戻す …

「Kindle for Mac」がリリース!スピード感がすごい!

先日「Kindle for PC」がリリースされたばかりではありますが、早速Ma …

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

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

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

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

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

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