Eine Bildsuche auf einer Website erstellen

April 22

Eine Bildsuche auf einer Website erstellen

Ein Bild ist mehr als tausend Worte. Die Möglichkeit, Bilder direkt von Ihrer eigenen Website suchen hinzufügen öffnet sich im gesamten World Wide Web-Sammlung von Bildern, Ihre Zuschauer. Dank Googles umfassende Indexierung von buchstäblich Milliarden von Bildern im Internet und einige einfache Decodierung von URL-Parametern, können Sie ein Bild-Such-Tool auf Ihrer Website erstellen, ohne dass komplexe Skriptsprachen kennen.

Anweisungen

Googles Bildsuche zu Ihrer Website hinzufügen

1 Google Image Search URL zu verstehen. Die wichtige Stücke, aus denen sich die URL Sie verwenden folgendermaßen aussehen: "http://images.google.com/images?q=searchterm." Der Teil vor das Fragezeichen Googles Bildsuche Adresse verweist. Alles dahinter ist die Liste der Parameter, die verwendet werden, um Ihre Suche zu definieren. Der wichtigste Parameter ist der "Q =" Parameter, die für "Abfrage" steht. Dies ist der Teil, in der Ihre Suchbegriffe enthalten. Weitere Parameter sind unten im Abschnitt Erweiterte Parameter angegeben.

2 Erstellen Sie ein Formular, die eingegebenen Text aus einem Textfeld auf Ihrer Website an den Abfrageparameter übergeben wird, und legt ihn Googles Bildsuche. Sie können fügen Sie folgenden Code direkt in Ihre HTML-Datei, wo Sie wollen das Bild-Suchfeld zeigen, oben (siehe die Referenzen auf askdavetaylor.com ein Beispiel dafür):< bilden Methode = "get" Aktion = "http://images.google.com/images" Target = "_blank" >< Eingang Typ = "Text" Name = "Q" / >< Eingang Typ = "submit" Value = "Suche Google Bilder" / >< / form >

3 Speichern Sie und veröffentlichen Sie Ihre HTML-Datei, dann testen Sie es aus.

Erweiterte Parameter

4 Steuern Sie die Suchergebnisse, indem Sie zusätzliche Parameter definieren. Zusätzliche Parameter umfassen Folgendes: "As_eq", "imgtypeface", "Imgsz", "Imgw," "Imgh", "Imgar,", "As_filetype," "Imgc", "As_sitesearch,", "As_rights," "Safe" und "As_st." Http://images.google.com/advanced_image_search für die visuelle Schnittstelle für alle diese Parameter finden Sie unter.

5 Treffen Sie die Auswahl, die Sie auf den Link, visuelle Schnittstelle wollen, die dann drücken Sie "Google Search" einen erweiterten Parameter festgelegt. Kopieren Sie die URL, die zurückgegeben wird.

6 Finden Sie die Parameter, die Ihren Einstellungen entsprechen; beispielsweise wenn Sie "Domain", "ehow.com" begrenzt, sollten dann Sie einen Parameter, der sagt, "as_sitesearch=ehow.com."

7 Erstellen Sie eine verborgene Eingabefeld im Formular für jeden erweiterte Parameter, die Sie einschließen möchten. Tun Sie dies auf folgende Weise: < Eingang Typ = "hidden" Name = "As_sitesearch"-value="ehow.com" >, wobei "Name" ist gleich des Parameters, die Sie einschließen möchten und "Wert" ist gleich dem Wert dieses Parameters.

8 Speichern Sie und veröffentlichen Sie Ihre HTML-Seite und Test.