MAPPA.fi-hakukentän integrointi omille WWW-sivuille

Tällä sivulla olevien ohjeiden avulla voit liittää MAPPA.fi-hakukentän omille WWW-sivuillesi. Esimerkki hakukentästä löytyy Ekokumppaneiden sivuilta, www.ekokumppanit.fi. Hakukenttä vastaa MAPPA.fi-etusivulla olevaa perushakua. Haun tulokset avataan uuteen selainikkunaan / välilehteen.

Hakukentän lisäys edellyttää mahdollisuutta muokata sivuston HTML-koodia tai esim. julkaisujärjestelmän sivupohjaa.

HTML-koodiin lisättävät elementit

Hakukentälle varataan tila lisäämällä haluttuun kohtaan sivupohjassa div-elementti, jossa on class-attribuutti arvonaan "mappa_widget":

<div class="mappa_widget"></div>

HUOM: Jos näitä elementtejä lisätään sivulle useita, hakukenttä tulee näkyviin niistä jokaiseen.

Sivupohjaan lisätään myös seuraava script-elementti, joka hakee mappa.fi-palvelimelta hakukentän muodostavan ohjelmakoodin:

<script src="//mappa.fi/search_widget/widget_basic_v1.js" async></script>
Muuta huomioitavaa
  • Hakukenttä on suunniteltu vaalealle / valkoiselle taustalle, ja se käyttää kaiken sivupohjan sille salliman leveyden (width: 100%).
  • Halutessasi voit lisätä hakukentän ylä- tai alapuolelle esim. tekstiä WWW-julkaisujärjestelmäsi työkaluilla. Älä kuitenkaan lisää tekstiä tai muuta sisältöä mappa_widget-elementin sisään, elementin sisältö ylikirjoitetaan hakukentän lisäämisen yhteydessä.
  • Tarvittaessa voit lisätä mappa_widget-elementtiin CSS-tyylisääntöjä joko erillisen tyylitiedoston kautta tai inline-sääntöinä.
Lisätietoja ja apua

Jos sinulla on kysyttävää hakukentän lisäämiseen liittyen, ota yhteyttä mappa.fi-ylläpitoon palautelomakkeella.

Pikahaku