Integrera Gunfinder på din egen webbplats
Gunfinder-widgeten ger webbplatsägare möjlighet att visa sökresultat från Gunfinder på sin egen webbplats. Ett bra exempel är integrationen på Geartester (längst ner på sidan).
Nedan förklarar vi kort hur du kan lägga till Gunfinder-widgeten på din egen webbplats. Processen består i princip av två steg: Först lägger du till en JavaScript-fil och sedan skriver du lite HTML-kod som JavaScript-filen känner igen och bearbetar.
Inkludera JavaScript-filen
Följande kodsnutt måste inkluderas antingen i head- eller body-delen av HTML-dokumentet:
<script src="https://widgets.gunfinder.de/js/search.js" async></script>
Placera HTML-snippetet
När JavaScript-filen har lagts till kan du infoga ett nytt DIV-element. Det måste ha ett attribut med namnet data-gunfinder-search-widget för att kännas igen av JavaScript-koden. Här är ett enkelt exempel:
<div data-gunfinder-search-widget data-gunfinder-search-query="{Suchanfrage}"></div>
Det startar en sökning efter {Suchanfrage} på Gunfinder och visar resultaten på sidan. data-gunfinder-search-query är det enda obligatoriska attributet. Fler möjliga attribut finns i tabellen nedan. Alla attribut måste ha prefixet data-gunfinder-search-.
Attribut |
Beskrivning |
Möjliga värden |
Obligatoriskt |
query |
Sökfråga |
Text |
Ja |
count |
Maximalt antal resultat. Heltal. Standardvärde: 5 |
> 0 < 30 |
Nej |
price-min |
Lägsta pris. Heltal. |
> 0 < price-max (om angivet) |
Nej |
price-max |
Högsta pris. Heltal. |
> 0 > price-min (om angivet) |
Nej |
condition |
Varans skick |
new eller used |
Nej |
available |
Kan levereras omgående. Standardvärde: false |
true eller false |
Nej |
category |
Begränsa sökningen till en viss kategori |
weapon, ammunition, optics, apparel, equipment |
Nej |
style |
Utseende. Se beskrivningen längre ner. |
JSON-objekt |
Nej |
sources |
Kommaseparerad lista med namnen på källorna som ska genomsökas. Som standard genomsöks alla källor. |
Kontakta oss gärna här |
Nej |
exclude-sources |
Kommaseparerad lista med namnen på källorna som inte ska genomsökas. Som standard genomsöks alla källor. |
Kontakta oss gärna här |
Nej |
marketplace |
Om true visas bara resultat från marknadsplatsen. Om false visas inga resultat från marknadsplatsen. |
true eller false |
Nej |
Fler exempel:
<div data-gunfinder-search-widget data-gunfinder-search-query="{Suchanfrage}" data-gunfinder-search-price-min="2500"></div>
<div data-gunfinder-search-widget data-gunfinder-search-query="{Suchanfrage}" data-gunfinder-search-available="true"></div>
Utseende
Om widgeten inte ska utformas med CSS-regler finns det några enkla variabler som kan skickas till widgeten som ett JSON-objekt för att ändra widgetens utseende.
Variabel |
Beskrivning |
Möjliga värden |
fontSize |
Grundläggande teckenstorlek. Påverkar hela widgeten. |
Standardvärden för storlekar i CSS |
itemTitleColor |
Färg på annonsens rubrik |
Standardvärden för färger i CSS |
itemPriceColor |
Färg på annonsens pris |
Standardvärden för färger i CSS |
moreColor |
Text- och kantfärg på knappen "fler annonser" |
Standardvärden för färger i CSS |
Exempel:
<div data-gunfinder-search-widget data-gunfinder-search-query="{Suchanfrage}" data-gunfinder-search-style='{"fontSize": "15px", "itemTitleColor": "red"}'></div>