Implementatie RSS-feed met Javascript

Disclaimer

Dit is een technische implementatie van de RSS-feed, waarvoor je wel de nodige kennis moet hebben van Javascript. Heb je liever dat we je helpen met het genereren van de code? Ga dan naar deze pagina voor de RSS-feed generator. Houd wel de gegenereerde URL bij de hand om de generator te gebruiken.

De Fiscount RSS Feed Plug-in is zo gebouwd om de feed van Fiscount zo gemakkelijk mogelijk in te laden. Onderstaand stappenplan leidt je door de instellingen van de plug-in heen. Om te beginnen laad je de Javascript- en CSS-bestanden van Fiscount in de head van je pagina in.

<link href="https://fiscount.nl/content/themes/starter/public/css/fiscount-feed.min.css" rel="stylesheet" />
<script src="https://fiscount.nl/content/themes/starter/public/js/rss-feed.min.js"></script>

Daarna maak je een nieuwe <div> aan met een ID. Dat ID moet je onthouden voor de configuratie van de Feed.

<div id="RSSFeed"></div>

Dan kan de Fiscount RSS Feed worden aangeroepen. Het endpoint heb je hierboven gegenereerd en lijkt op:
https://fiscount.nl/fiscontact/feed/?token=token
Waarbij de laatste ‘token’ het persoonlijke token uit je ‘Mijn Fiscount’-omgeving is. Voeg dit token toe aan het object dat je maakt om de feed aan te roepen. Om daarna de Feed in te laden op je website roep je de functie ‘init()’ aan op je variabele ‘feed’. Het script doet de rest.

Onderstaand token is een voorbeeldtoken en werkt niet.

<script>
var fiscountFeed = new FiscountRSSFeed({
token: '65cfd470769dacjd95a38v3a18768390',
id: 'RSSFeed',
textColor: '#2d2d2d'
});
fiscountFeed.init();
</script>

Mogelijke opties

Binnen de Feed zijn de volgende opties mogelijk:

token

Het token van de feed.

id

Het ID van het element waarin je de feed geladen wilt hebben.

textColor

De kleur van de tekst in de Feed. Standaard ‘#2D2D2D’.

headingColor

De kleur van de titels in de Feed. Standaard ‘#2D2D2D’.

borderColor

De kleur van de rand in de Feed die de artikelen van elkaar scheidt. Standaard ‘#778899’.

showTitle

Laat de titel van de feed (‘Nieuwsmolen – Fiscount’) wel of niet zien. Standaard ‘true’.

showImage

Laat de afbeelding van een artikel in de feed wel of niet zien. Standaard ‘true’.

showArticleTitle

Laat de titel van een artikel in de feed wel of niet zien. Standaard ‘true’.

showDescription

Laat de introtekst van een artikel in de feed wel of niet zien. Standaard ‘true’.