Suchfeld-Widget

Sie möchten ein Brockhaus Suchfeld auf Ihrer Website einfügen?
Nichts leichter als das. Probieren Sie es gleich hier aus.

Kopieren Sie einfach eines der unten stehenden Quellcode-Beispiele und fügen Sie es in Ihre Website ein.

Widget 1

Einbindung als iframe

Beschreibung: Die einfachste Art ein Brockhaus Suchfeld in Ihre Seite einzubinden ist die HTML iFrame Technologie. Sie definieren lediglich auf Ihrer Website den Rahmen in dem das Suchfeld angezeigt werden soll, den Rest erledigt unser Widget.

Voraussetzung: Ihre Sicherheitsrichtlinie bzw. Ihr Content-Management-System müssen die Einbindung von iFrames zulassen. Wenn Sie sich nicht sicher sind, dann probieren Sie es einfach aus. Wenn es nicht klappt, versuchen Sie bitte den Code von Widget 2.

Funktionalität: Der eingegebene Suchbegriff wird an den Brockhaus Service übergeben. Wenn Sie bereits bei Brockhaus angemeldet sind (z.B. über eine IP-Freischaltung), dann werden die Artikel nach dem Anklicken in voller Länge angezeigt. Andernfalls sind die Artikel gekürzt dargestellt und der Anwender erhält eine Aufforderung sich anzumelden, um die Artikel in voller Länge lesen zu können.

 

Fügen Sie diesen HTML-Code auf Ihrer Seite ein:

Suche in den Nachschlagewerken:

<!-- BROCKHAUS WIDGET ANFANG -->
<div><iframe id="brockhaus-search-widget" style="width:100%; min-width:250px; max-width:600px; border:1px solid silver; height: auto;" src="https://brockhaus.de/search/external/" name="brockhaus-search" frameborder="0" scrolling="no">iframes werden von Ihrem Browser leider nicht unterstützt.</iframe></div>
<!-- BROCKHAUS WIDGET ENDE -->

 

Suche im Jugendlexikon:

<!-- BROCKHAUS WIDGET ANFANG -->
<div><iframe id="brockhaus-search-widget" style="width:100%; min-width:250px; max-width:600px; border:1px solid silver; height: auto;" src="https://brockhaus.de/search/external/julex" name="brockhaus-search" frameborder="0" scrolling="no">iframes werden von Ihrem Browser leider nicht unterstützt.</iframe></div>
<!-- BROCKHAUS WIDGET ENDE -->

 

Suche im Kinderlexikon:

<!-- BROCKHAUS WIDGET ANFANG -->
<div><iframe id="brockhaus-search-widget" style="width:100%; min-width:250px; max-width:600px; border:1px solid silver; height: auto;" src="https://brockhaus.de/search/external/kilex" name="brockhaus-search" frameborder="0" scrolling="no">iframes werden von Ihrem Browser leider nicht unterstützt.</iframe></div>
<!-- BROCKHAUS WIDGET ENDE -->

Hinweis: Das Kinderlexikon erfordert zuerst eine Anmeldung bevor das Suchergebnis angezeigt wird.

Widget 2

Für ältere Systeme
(einfaches HTML 4.0 ohne iFrame)



Beschreibung: Wir empfehlen dieses Widget nur auf älteren Systemen einzubinden, wenn keine der anderen Widget-Varianten auf Ihrem System läuft.

Funktionalität: Der eingegebene Suchbegriff wird an den Brockhaus Service übergeben. Wenn Sie bereits bei Brockhaus angemeldet sind (z.B. über eine IP-Freischaltung), dann werden die Artikel nach dem Anklicken in voller Länge angezeigt. Andernfalls sind die Artikel gekürzt dargestellt und der Anwender erhält eine Aufforderung sich anzumelden, um die Artikel in voller Länge lesen zu können.

 

Fügen Sie diesen HTML-Code auf Ihrer Seite ein:

<!-- BROCKHAUS WIDGET ANFANG -->
<center>
<div class="brockhaus-form" style="text-align:center; width:250px; background-color:white; border:1px solid silver; padding:5px; margin:20px 0 20px 0"> 
<form  method="get" action="https://brockhaus.de/search/external/forward/enzy" style="margin:0; padding-top:8px" target="_blank"><img src="https://www.brockhaus.de/logo/logo.svg" class="brockhaus_logo" style="width:80px; height:55px;" /><input style="display:inline-block; height:1.8rem; vertical-align:center; background:#FBFBFB; border:1px solid #18bdd4; color:#646464; font-weight:bold; padding:4px; font-size:0.8rem;" title="Geben Sie einen oder mehrere Begriffe ein, nach denen Sie suchen möchten." placeholder="Geprüftes Wissen." type="text" name="keyword" size="25" maxlength="128" autocomplete="OFF"><button class="bh-btn-search" style="text-align:center; margin:10px" type="submit">Suchen</button></form>
</div>
</center>
<!-- BROCKHAUS WIDGET ENDE -->


Optionen:
Jugendlexikon=.../forward/julex
Kinderlexikon=.../forward/kilex

Widget 3

Referrer-Autentifizierung (Portal Link)

Beschreibung: Dieses Widget ist für Institutionen entwickelt, die anhand des Referrers bei Brockhaus authentifiziert werden. Das Widget darf nur bereits angemeldeten Usern zur Verfügung gestellt werden.

Voraussetzung: Sie haben von uns einen Portal-Link erhalten (z.B. /portal/user/cid12345). Das Widget darf nicht auf einer frei zugänglichen Website veröffentlicht werden, sondern erst nachdem sich Ihre Anwender an Ihrem System Authentifiziert haben.

Funktionalität: Nach dem Absenden des Suchbegriffs authentifiziert das System den Anwender anhand des referrers, meldet ihn an und leitet ihn zum Suchergebnis weiter. Die Suche erfolgt in den Nachschlagewerken (Enzyklopädie und Jugendlexikon).

Einbindung: Kopieren Sie den fertigen Widget-Code einfach in den Body Ihrer Webseite und ersetzen Sie “cid12345” durch Ihre Kunden-ID.

Technik: HTML Form, CSS Flex, onclick-JavaScript.

<!-- BROCKHAUS WIDGET ANFANG -->
<div class="brockhaus-search-widget" style="display:flex; display: -webkit-flex; display: -ms-flexbox; flex-flow:row wrap; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center;	align-items: center; justify-content:center; background-color:white; padding:0px; margin:0px; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;"><div class="bh-logo-container" style="flex: 0 0 auto; padding:6px"><img src="https://www.brockhaus.de/logo/logo.svg" id="brockhaus_logo" style="opacity: 0.8; width:80px; height:36px; vertical-align: middle; margin-right:6px" alt="Brockhaus" /></div><div class="bh-search-container" style="flex: 1 1 auto;  padding:6px 0 6px 6px"><form class="bh-form" method="get" target="_blank" enctype="application/x-www-form-urlencoded" accept-charset="UTF-8" action="https://www.brockhaus.de/portal/user/cid12345/"><!-- Ersetzen Sie cid12345 durch Ihre customer-id--><div style="height:44px; margin:0; border:2px solid #18bdd4; border-radius:4px; background-image:url('https://www.brockhaus.de/info/wp-content/uploads/2019/07/brockhaus-de-ico-brockhaus-search.svg'); background-position-x: 6px; background-position-y: center; background-repeat:no-repeat; padding:0px 0px 0px 40px; display:flex"><input id="bh-keyword1" title="Brockhaus - Geprüftes Wissen finden." placeholder="Geprüftes Wissen finden." type="text" name="keyword" maxlength="50" autocomplete="off" style="color:#333; background-color:white; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0px; padding:0px 5px 0px 5px; border:none; font-size:16px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-right:none; outline: none; font-family:Arial,Helvetica,sans-serif;" /><input id="bh-url1" type="hidden" name="url" value="" /><input id="bh-btn" type="submit" value="" onclick="document.getElementById('bh-url1').setAttribute('value','/search/external/forward/enzy?keyword='.concat(document.getElementById('bh-keyword1').value))" style="background-image:url('https://www.brockhaus.de/info/wp-content/uploads/2019/07/brockhaus-de-ico-bh-dbl-arrowright-w.svg'); cursor:pointer; background-repeat:no-repeat; border:0; width:44px; background-color:#18bdd4; border-radius:0px 2px 2px 0px; border-right:2px solid transparent; background-size:20px; background-position:center; margin:0 !important; padding: 0 !important"/></div></form></div></div> 
<!-- BROCKHAUS WIDGET ENDE -->

Das könnte Sie auch interessieren

Sie benötigen das Brockhaus Logo lokal auf Ihrem Server, einen Link-Button oder den ein oder anderen Textbaustein für Ihre Website? In unserem Werbemittelbereich werden Sie sicher fündig.