ecarSEARCH Webmastertools



Sie können die Suchfunktionen von ecarSEARCH auch direkt auf Ihrer Homepage verwenden. Für diesen Zweck bieten wir Ihnen unsere Webmastertools an.

Binden Sie einfach einen der von uns angebotenen Code-Schnipseln in Ihre Webseie ein, um Ihren Besuchern die Möglichkeit zu geben, direkt nach Ersatzteilen suchen zu können.

ecarSEARCH API

Die API bietet Ihnen die Möglichkeit, ein Suchfeld auf Ihrer Webseite einzubinden und somit direkt Suchen auf ecarSEARCH.de abzusetzen. Nach betätigen des "ECARFINDET" Knopfes, wird der Suchende auf die Ergebnisseite von ecarSEARCH weitergeleitet. Möchten Sie hingegen die komplette Suche in Ihrer Webseite anbieten, benutzen Sie bitte das weiter unten angebotene Snippet.

API Demo

Ersatzteil Suche

Quelltext (Einfach kopieren und an einer beliebigen Stelle auf Ihrer Webseite einbinden)


<link rel="stylesheet" type="text/css" href="http://www.ecarsearch.de/css/api_styles.css" />
<form method="get" action="http://www.ecarsearch.de/api_entry.php" class="es_form">
	<fieldset>
	<legend>Ersatzteil Suche</legend>
		<input type="hidden" name="mandant" value="">
		<input type="text" name="suche" class="es_search">
		<input type="submit" value="ecar findet"class="es_search_submit">
	</fieldset>
</form>

Referenz

<input type="hidden" name="mandant" value="<-MANDANTENKENNUNG->">
Diese Option betrifft auschliesslich Kunden der Software ecar. Tragen Sie hier ihr Mandandenkürzel (ohne die Zeichen <- und ->) ein, um die Sortierreihenfolge Ihrer Ersatzteile vor anderen Mandanten zu aktivieren.


Die API lässt sich ausserdem farblich an Ihre Webpräsenz anpassen, nachfolgend stehen die überschreibbaren CSS-Klassen:

.es_form fieldset{
	padding: 6px 10px 14px 10px;
}

.es_form legend{
	font: bold 16px verdana, sans-serif;
	color: #1963D2;
}

.es_search_submit {
    background: none repeat scroll 0 0 #1963D2;
    border: 1px solid #0B75B2;
    color: #FFFFFF;
    font: small-caps bold 16px verdana,sans-serif;
    height: 32px;
    padding: 0 0 4px;
    text-align: center;
    width: 120px;
}

.es_search_submit:hover {
    background: none repeat scroll 0 0 #DF0028;
    border: 1px solid #DF0028;
    color: #FFFFFF;
    font: small-caps bold 16px verdana,sans-serif;
    height: 32px;
    padding: 0 0 4px;
    text-align: center;
    width: 120px;
}

.es_search {
    border: 2px solid #CCCCCC;
    height: 26px;
    margin: 0;
    padding: 0;
    width: 200px;
}

ecarSEARCH Web-Snippet

Das Websnippet bietet Ihnen die Möglichkeit, unsere Volltextsuche in vollem Umfang auf Ihrer eigenen Webseite nutzen zu können. Benutzer müssen Ihre Webseite auf der Suche nach Fahrzeug-Ersatzteilen nicht verlassen. Das Layout ist anpassbar und das Snippet wird von uns regelmäßig um neue Funktionen ergänzt und erweitert.

Snippet Demo


ecarSEARCH.de

Quelltext (Einfach kopieren und an einer beliebigen Stelle auf Ihrer Webseite einbinden)


<div class="ecarsearch"></div><br />
<a href="http://www.ecarsearch.de" title="www.ecarSEARCH.de" class="es_link">ecarSEARCH.de</a>
<script type="text/javascript" src="http://www.ecarsearch.de/js/jquery.min.js"></script>
<script type="text/javascript">

//Optionen
var width = "500px";	// Breite des Snippets in Pixeln
var prefix = "";	// Prefix um Suchen z.B. auf Marken zu beschraenken (z.B. durch "Golf", "Astra" / "VW", "Mercedes")
var results = 15;	// Anzahl der auszugebenen Ergebnisse
var linktype = 2;	// (1) Detailseiten direkt auf www.ecarsearch.de aufrufen; (2) Detailseiten innerhalb des Snippets aufrufen
var mandant = "";	// Interne ecar-Mandantenkennung hier eintragen

function GetURLParameter(sParam){var sPageURL=window.location.search.substring(1);var sURLVariables=sPageURL.split('&');
for(var i=0;i< sURLVariables.length;i++){var sParameterName=sURLVariables[i].split('=');if(sParameterName[0]==sParam){return sParameterName[1];}}}
var ref=window.location.href;var search=GetURLParameter('search');var seite=GetURLParameter('page');var barcode=GetURLParameter('barcode');if(typeof seite=="undefined"){seite=1;}
if(typeof barcode == "undefined" && typeof search != "undefined" ){var url="http://www.ecarsearch.de/webmaster/search_api.php?suche=" + prefix + " " + search + "&seite=" + seite + "&width=" + width + "&mandant=" + mandant + "&linktype=" + linktype + "&results=" + results + "&callback=parseRequest";}  
if(typeof barcode == "undefined" && typeof search == "undefined" ){var url="http://www.ecarsearch.de/webmaster/search_api.php?suche=" + prefix + " " + search + "&seite=" + seite + "&width=" + width + "&mandant=" + mandant + "&linktype=" + linktype + "&ref=" + ref + "&results=" + results + "&callback=parseRequest";}
if(typeof barcode != "undefined" && typeof search != "undefined" ){var url="http://www.ecarsearch.de/webmaster/search_api.php?seite=" + seite + "&width=" + width + "&mandant=" + mandant + "&linktype=" + linktype + "&results=" + results + "&callback=parseRequest&barcode=" + barcode;}
var createscript=document.createElement('script');createscript.setAttribute("type","text/javascript");createscript.setAttribute("src",url);document.getElementsByTagName('head')[0].appendChild(createscript);
var urljs= "http://www.ecarsearch.de/js/jquery-ui.min.js";var createjs=document.createElement('script');createjs.setAttribute("type","text/javascript");createjs.setAttribute("src",urljs);document.getElementsByTagName('head')[0].appendChild(createjs);
$(".ecarsearch").css({'width': width, "text-align":"center", "margin":"auto", "background": "#eeeeee", "display": "inline-block", "border-radius": "12px", "padding": "6px"});
function parseRequest(response){var text='';var len=response.length;for(var i=0;i<len;i++){object=response[i];text +=object.item;}$(".ecarsearch").hide().html(text).fadeIn(500);}

</script>

Referenz

Erklärung der Optionen:

var width = "500px";
Passen Sie die Breite des Snippets Ihren Wünschen an; es funktionieren alle gängigen HTML-Formate (90%, 40em, 900px).

var prefix = "";
Das prefix dient zur Einschränkung von Suchbegriffen. Wenn Sie z.B. ein Forum für VW-Fahrzeuge betreiben, können Sie mit dem prefix "VW" die Suchergebnisse von ecarSEARCH beeinflussen. Das "VW" würde nun allen Suchen vorangestellt werden und ein Besucher, der nach dem Begriff "Anlasser" sucht, würde somit automatisch nach "VW Anlasser" suchen.

Ein weiteres Beispiel wäre:
var prefix = "Audi A3 8P"; + Suchbegriff "Anlasser" würde zu einer Suche nach "Audi A3 8P Anlasser" führen.

var results = 15;
Die Anzahl der auszugebenen Ergebnisse pro Seite. Die Darstellung zeigt minimal 5 und maximal 100 Ergebnisse an; der voreingstellte Wert beträgt 15 Ergebnisse pro Seite.

var linktype = 2;
Mit dem Linktypen bestimmen Sie, ob Detailseiten zu Ersatzteilen auf Ihrer Webseite innerhalb des Snippets oder auf www.ecarSEARCH.de geöffnet werden sollen. Die Detailseiten auf www.ecarSEARCH.de bieten einige weitere Optionen die aus technischen Gründen mit dem Snippet nicht realisierbar sind.

var mandant = "";
Diese Option betrifft auschliesslich Kunden der Software ecar. Tragen Sie hier ihr Mandandenkürzel ein, um die Sortierreihenfolge Ihrer Ersatzteile vor anderen Mandanten zu aktivieren.


Die API lässt sich ausserdem farblich an Ihre Webpräsenz anpassen, nachfolgend stehen die überschreibbaren CSS-Klassen:

.article_details {
    color: #333333;
    font: 12px verdana,sans-serif;
    margin: auto;
    text-align: left;
    width: 100%;
}

.headline {
    border-bottom: 1px solid #888888;
    border-top: 1px solid #888888;
    font: bold 15px verdana,sans-serif;
    text-align: left;
    text-transform: uppercase;
}

.headline2 {
    float: left;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 43%;
}

.es_search {
    border: 2px solid #CCCCCC;
    height: 26px;
    margin: 0;
    padding: 0;
    width: 200px;
}

.line {
    border-bottom: 1px solid #888888;
    text-align: left;
}

.price {
    float: right;
    margin-right: 6px;
    text-align: right;
    width: 30%;
}

.backbutton {
    background: none repeat scroll 0 0 #1963D2;
    border: 1px solid #0B75B2;
    color: #FFFFFF;
    font: small-caps 11px verdana,sans-serif;
    padding: 2px 6px 3px;
    text-align: center;
    text-decoration: none;
}

.list_container {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #333333;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 4px 1px;
    width: 99%;
}

.list_container_selectedm {
    background-color: #C7D8FF;
    border-top: 1px solid #333333;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 4px 1px;
    width: 99%;
}

.backbutton:visited {
    background: none repeat scroll 0 0 #1963D2;
    border: 1px solid #0B75B2;
    color: #FFFFFF;
    font: small-caps 11px verdana,sans-serif;
    padding: 2px 6px 3px;
    text-align: center;
    text-decoration: none;
}

.searchtext {
    color: #333333;
    font: bold 14px verdana,sans-serif;
    margin: 10px 0;
}

.searchlist {
    color: #333333;
    font: 12px verdana,sans-serif;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.search_submit {
    background: none repeat scroll 0 0 #1963D2;
    border: 1px solid #0B75B2;
    color: #FFFFFF;
    font: small-caps bold 16px verdana,sans-serif;
    height: 32px;
    padding: 0 0 4px;
    text-align: center;
    width: 120px;
}

.search_submit:hover {
    background: none repeat scroll 0 0 #DF0028;
    border: 1px solid #DF0028;
    color: #FFFFFF;
    font: small-caps bold 16px verdana,sans-serif;
    height: 32px;
    padding: 0 0 4px;
    text-align: center;
    width: 120px;
}

.flip_wrapper {
    background-color: #EEEEEE;
    border-radius: 0 0 8px 8px;
    display: block;
    font: 13px verdana,sans-serif;
    height: 30px;
    margin: 0 0 2px;
    padding: 8px 10px 0;
    text-align: center;
}

.flip_wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.flip_wrapper ul li {
    display: inline;
}

.flip_wrapper ul li a {
    border: 1px solid #EEEEEE;
    color: #1963D2;
    cursor: pointer;
    padding: 0 8px;
}

.flip_wrapper ul li a.active {
    background-color: #DF0028;
    border: 1px solid #DF0028;
    color: #FFFFFF;
    cursor: default;
    padding: 0 8px;
    text-decoration: none;
}

.flip_wrapper ul li a:hover {
    border: 1px solid #DF0028;
    cursor: pointer;
    padding: 0 8px;
    text-decoration: none;
}

.contactdata {
    color: #333333;
    font: 12px bold verdana,sans-serif;
    width: 408px;
}