JavaScript Embed - Integrasjon
Følg stegene nedenfor for å integrere Cruit-stillingslisten på din nettside.
1
Grunnleggende bruk
Legg til følgende kode der du vil vise stillingslistene på nettsiden din.
Produksjon:
<!-- Cruit Job Listings Widget -->
<div id="cruit-jobs"></div>
<script src="https://YOUR-DOMAIN.com/embed.js"></script>Lokal utvikling:
<!-- Cruit Job Listings Widget -->
<div id="cruit-jobs"></div>
<script src="http://localhost:3001/embed.js"></script>2
Tilgjengelige innstillinger
Du kan tilpasse widgeten med data-attributter på container-elementet.
| Attributt | Standard | Beskrivelse |
|---|---|---|
data-show-filters | "true" | Vis/skjul søk og filtrering ("true" eller "false") |
data-search | - | Forhåndsutfylt søketekst (f.eks. "utvikler") |
data-employer | - | Filtrer på arbeidsgiver (f.eks. "Cruit") |
data-height | "800px" | Høyde på widgeten |
data-width | "100%" | Bredde på widgeten |
3
Eksempler
Uten søk og filtrering:
<!-- Cruit Job Listings - Uten filtrering -->
<div
id="cruit-jobs"
data-show-filters="false"
></div>
<script src="https://YOUR-DOMAIN.com/embed.js"></script>Med forhåndsdefinert søk:
<!-- Cruit Job Listings - Med forhåndsdefinert søk -->
<div
id="cruit-jobs"
data-search="utvikler"
></div>
<script src="https://YOUR-DOMAIN.com/embed.js"></script>Filtrert på arbeidsgiver (skjult filter):
<!-- Cruit Job Listings - Filtrert på arbeidsgiver -->
<div
id="cruit-jobs"
data-employer="Cruit"
data-show-filters="false"
></div>
<script src="https://YOUR-DOMAIN.com/embed.js"></script>Tilpasset størrelse:
<!-- Cruit Job Listings - Tilpasset størrelse -->
<div
id="cruit-jobs"
data-height="1000px"
data-width="100%"
></div>
<script src="https://YOUR-DOMAIN.com/embed.js"></script>💡 Tips
- •Bytt ut
YOUR-DOMAIN.commed domenet der du hoster denne applikasjonen. - •Bruk
data-show-filters="false"for å skjule søk og filtrering. - •Kombiner
data-employermeddata-show-filters="false"for å vise kun én arbeidsgivers stillinger. - •Script-taggen bør plasseres rett etter div-elementet, eller nederst i body.