{"id":58678,"date":"2024-03-05T19:28:36","date_gmt":"2024-03-05T18:28:36","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=58678&#038;preview=true&#038;preview_id=58678"},"modified":"2025-02-03T19:37:31","modified_gmt":"2025-02-03T18:37:31","slug":"externe-apis","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/","title":{"rendered":"Profiteren van externe API&#8217;s: geavanceerde WordPress strategie\u00ebn op Kinsta"},"content":{"rendered":"<p>WordPress is een krachtig <a href=\"https:\/\/kinsta.com\/blog\/content-management-system\/\">content management systeem (CMS)<\/a>, compleet met een gigantisch ecosysteem van thema&#8217;s en plugins. Hierdoor heb je een bijna onbeperkt aantal manieren om de functionaliteit van je site uit te breiden. Maar &#8220;bijna&#8221; is hier het sleutelwoord. Voor die momenten dat je de mogelijkheden van je site op een andere manier wilt uitbreiden, zijn externe API&#8217;s het antwoord.<\/p>\n<p>In dit artikel verkennen we de voordelen van het gebruik van externe API&#8217;s met WordPress. Door het artikel heen zullen we kijken naar de verschillende soorten API&#8217;s die beschikbaar zijn, tips voor het kiezen voor een geschikte en meer. Het grootste deel van het artikel gaat over hoe je externe API&#8217;s kunt gebruiken met een WordPress website die door Kinsta wordt gehost.<\/p>\n<p>Er is veel om te bespreken, dus laten we beginnen!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Wat externe API&#8217;s zijn<\/h2>\n<p>Een Application Programming Interface (API) is een verzameling regels en protocollen om verschillende apps met elkaar te laten communiceren en interacteren. API&#8217;s zijn tussenpersonen omdat ze je toegang geven tot specifieke gegevens van externe diensten.<\/p>\n<p>Als je eenmaal toegang hebt tot de beschikbare gegevens, kun je deze in je eigen applicaties brengen. De gebruikelijke aanpak is om een geschikte taal te gebruiken, zoals cURL, <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a>, <a href=\"https:\/\/kinsta.com\/nl\/blog\/python-tutorials\/\">Python<\/a> of <a href=\"https:\/\/kinsta.com\/nl\/blog\/php-tutorials\/\">PHP<\/a>.<\/p>\n<figure id=\"attachment_175264\" aria-describedby=\"caption-attachment-175264\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175264 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/api-code.png\" alt=\"Een gedetailleerde weergave van Node.js code die laat zien hoe je een ongeoptimaliseerd JPEG bestand leest met behulp van de bestandssysteem module, en optimaliseert met behulp van TinyPNG's Tinify API.\" width=\"1000\" height=\"370\"><figcaption id=\"caption-attachment-175264\" class=\"wp-caption-text\">Een stukje code van TinyPNG&#8217;s Tinify API.<\/figcaption><\/figure>\n<p>WordPress biedt <a href=\"https:\/\/developer.wordpress.org\/apis\/\" target=\"_blank\" rel=\"noopener noreferrer\">zelf ook API&#8217;s<\/a>, zoals de <a href=\"https:\/\/kinsta.com\/nl\/blog\/rest-api-wordpress\/\">REST API<\/a>. Deze leggen &#8216;endpoints&#8217; bloot in de code van de core waar developers op kunnen &#8216;inhaken&#8217;. Dit geeft je vaak meer mogelijkheden en flexibiliteit dan het gebruik van een plugin.<\/p>\n<p>Natuurlijk biedt Kinsta ook een <a href=\"https:\/\/kinsta.com\/nl\/docs\/kinsta-api\/\">REST API<\/a> om verbinding te maken en te werken met het platform buiten het MyKinsta dashboard. Hiermee kun je taken uitvoeren zoals <a href=\"https:\/\/kinsta.com\/nl\/blog\/serverlogs-api\/\">het ophalen van serverlogs<\/a>, <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-api\/\">het opzetten van websites<\/a> en meer.<\/p>\n<p>Wanneer je de API van een platform gebruikt om toegang te krijgen tot zijn endpoints, is dit first-party. Daarentegen is het gebruik van een API van een service binnen een andere service third-party. Je zou bijvoorbeeld toegang kunnen krijgen tot de endpoints van de OpenWeatherMap&#8217;s <a href=\"https:\/\/openweathermap.org\/api\">Weather API<\/a> binnen de code van je WordPress site.<\/p>\n<figure id=\"attachment_175277\" aria-describedby=\"caption-attachment-175277\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175277 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/weather-api.png\" alt=\"De OpenWeather website geeft details over de Weather API, met name de One Call API 3.0. Er wordt melding gemaakt van de mogelijkheid van de API voor historische weergegevens en dagelijkse aggregatie, naast details over het abonnement, waaronder een gratis niveau en een 'pay as you call' prijsmodel.\" width=\"1000\" height=\"625\"><figcaption id=\"caption-attachment-175277\" class=\"wp-caption-text\">De OpenWeather Weather API pagina.<\/figcaption><\/figure>\n<p>Zoals je kunt verwachten, kan dit de mogelijkheden vergroten van wat je kunt bereiken met WordPress, Kinsta en je site.<\/p>\n<h2>De voordelen van het gebruik van externe API&#8217;s met WordPress<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/blog\/wordpress-plugin\/\">Het gebruik van plugins met WordPress<\/a> is natuurlijk een groot pluspunt voor het platform. Toch zijn er ook veel positieve punten aan het integreren van externe API&#8217;s met je site. Het grootste voordeel is dat je bijna elke functionaliteit die je wilt in je site kunt &#8216;hardcoden&#8217;.<\/p>\n<p>Het is niet het hele verhaal, maar over het algemeen geeft een API je meer potenti\u00eble kracht en veelzijdigheid dan WordPress en zijn plugins kunnen bieden.<\/p>\n<p>Hier zijn enkele andere belangrijke voordelen:<\/p>\n<ul>\n<li><strong>Je kunt op ontwikkelingstijd besparen.<\/strong> Het is sneller om gebruik te maken van een bestaande API van een derde partij om functionaliteit op te bouwen dan om dat vanaf nul te doen. Hierdoor bespaar je tijd en kun je je richten op andere gebieden binnen je project.<\/li>\n<li><strong>Je kunt de gebruikerservaring (UX) personaliseren.<\/strong> Het is mogelijk om de functionaliteit die gebruikers willen zien op locatie te realiseren volgens jouw exacte specificaties met behulp van externe API&#8217;s.<\/li>\n<li><strong>De effici\u00ebntie van je project krijgt een boost.<\/strong> Met API&#8217;s kun je processen automatiseren en stroomlijnen. Je kunt bijvoorbeeld een <a href=\"https:\/\/kinsta.com\/nl\/blog\/emailmarketing-best-practices\/\">e-mailmarketing<\/a> API integreren om gebruikersgegevens te synchroniseren en te automatiseren naar een relevant platform.<\/li>\n<li><strong>Onderhoud is niet jouw verantwoordelijkheid.<\/strong> De developer van de externe API zal deze onderhouden en bijwerken. Dit zorgt ervoor dat je toegang hebt tot de nieuwste functies en verbeteringen zonder extra middelen te hoeven investeren.<\/li>\n<\/ul>\n<p>Externe API&#8217;s zijn waardevol als je de beste integratie, aanpassing en prestaties wilt. Natuurlijk is dit je enige optie als er geen WordPress plugin beschikbaar is die aan je behoeften voldoet.<\/p>\n<p>In het algemeen geldt echter dat als de gebruiker de functionaliteit moet personaliseren, zoals het aanpassen van instellingen, een plugin beter zou werken. Toch zijn er ook genoeg manieren om functionaliteit in je site te integreren met behulp van externe API&#8217;s.<\/p>\n<h2>De soorten externe API&#8217;s die je kunt vinden<\/h2>\n<p>De vraag naar API&#8217;s is over het algemeen enorm. In een rapport van <a href=\"https:\/\/cloud.google.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Cloud<\/a> wordt opgemerkt dat ongeveer <a href=\"https:\/\/www.itp.net\/public\/Apigee_StateOfAPIS_eBook_2020_0.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">60 procent van de webapps<\/a> gebruikmaakt van API&#8217;s. In hetzelfde rapport staat dat de meerderheid van de leiders gelooft dat API&#8217;s hen helpen om betere producten te bouwen.<\/p>\n<p>Hoewel het moeilijk kan zijn om <a href=\"https:\/\/www.mckinsey.com\/capabilities\/mckinsey-digital\/our-insights\/what-it-really-takes-to-capture-the-value-of-apis\">de objectieve waarde van externe API&#8217;s te beoordelen<\/a>, is het duidelijk dat ze veel subjectieve gebruiksmogelijkheden hebben. In het verlengde daarvan komen de beschikbare externe API&#8217;s tegemoet aan verschillende behoeften en functionaliteiten:<\/p>\n<ul>\n<li><strong>Sociale media API&#8217;s.<\/strong> Bijna alle platforms, zoals <a href=\"https:\/\/kinsta.com\/nl\/blog\/facebook-plugins-wordpress\/\">Facebook<\/a>, <a href=\"https:\/\/kinsta.com\/nl\/blog\/twitter-marketingstrategieen\/\">Twitter<\/a>, <a href=\"https:\/\/www.tiktok.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">TikTok<\/a> en <a href=\"https:\/\/kinsta.com\/blog\/instagram-stats\/\">Instagram<\/a>, bieden API&#8217;s aan. Dit geeft je de mogelijkheid om sociaal delen, inlogopties, insluiten en andere sociale functies te integreren.<\/li>\n<li><strong>API&#8217;s voor betaalgateways.<\/strong> Er zijn veel verschillende betaalgateways met API&#8217;s. Met Stripe en <a href=\"https:\/\/kinsta.com\/nl\/blog\/stripe-vs-paypal\/\">PayPal<\/a> bijvoorbeeld kun je deze diensten integreren in je WordPress site.<\/li>\n<li><strong>Kaarten API&#8217;s.<\/strong> Met diensten als <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-google-maps\/\">Google Maps<\/a> en <a href=\"https:\/\/www.mapbox.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mapbox<\/a> kun je interactieve kaarten insluiten, geolocatie toepassen en routing aan je site toevoegen.<\/li>\n<li><strong>Analytics API&#8217;s.<\/strong> Je hebt veel keuzes als het gaat om analytics. De API&#8217;s van Google zijn ook hier weer populair, omdat veel site-eigenaren <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/get-started\" target=\"_blank\" rel=\"noopener noreferrer\">Lighthouse<\/a> en <a href=\"https:\/\/developers.google.com\/analytics\/devguides\/collection\/ga4\" target=\"_blank\" rel=\"noopener noreferrer\">analytics-gegevens<\/a> naar WordPress willen brengen.<\/li>\n<li><strong>E-mailmarketing API&#8217;s.<\/strong> Diensten zoals <a href=\"https:\/\/kinsta.com\/nl\/blog\/mailchimp-voor-wordpress\/\">Mailchimp<\/a> en <a href=\"https:\/\/kinsta.com\/nl\/blog\/sendgrid-wordpress\/\">SendGrid<\/a> laten je ook hun API&#8217;s integreren met WordPress. Hierdoor kun je e-mailcampagnes automatiseren, abonnees beheren, prestaties bijhouden en nog veel meer.<\/li>\n<li><strong>Weer API&#8217;s.<\/strong> Met API&#8217;s van sites als OpenWeatherMap en <a href=\"https:\/\/www.weatherbit.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Weatherbit<\/a> kun je real-time weergegevens leveren. Gezien de complexiteit die je nodig hebt, is het mogelijk om ook elementen als geolocatie toe te voegen.<\/li>\n<\/ul>\n<p>Dit is geen volledige lijst van API typen en er zijn talloze andere API&#8217;s beschikbaar voor verschillende doeleinden. Gezien de overvloed aan opties is het kiezen van de juiste API om te integreren van vitaal belang. Dat zullen we hierna doen, voordat we onderzoeken hoe je externe API&#8217;s in WordPress kunt integreren.<\/p>\n<h2>Hoe je de juiste externe API&#8217;s kiest voor jouw behoeften<\/h2>\n<p>Net zoals je een checklist met opties hebt bij het kiezen van een WordPress plugin, zul je hetzelfde doen bij het kiezen van de juiste externe API. Het is belangrijk om je integraties met zorg te kiezen, omdat dit de richting van je project zal bepalen.<\/p>\n<p>Je eerste zorg is om vast te stellen welke functionaliteit je site nodig heeft. Het klinkt voor de hand liggend, maar je moet op zoek gaan naar API&#8217;s die de juiste mix van functies en functionaliteit voor je bieden.<\/p>\n<p>Er zijn echter nog andere factoren die je in gedachten moet houden bij het kiezen van externe API&#8217;s:<\/p>\n<ul>\n<li><strong>Betrouwbaarheid en reputatie.<\/strong> Dit is waar je gebruikersbeoordelingen, beoordelingen en de staat van dienst van de aanbieder controleert. Samen vertellen ze je of ze een <a href=\"https:\/\/kinsta.com\/blog\/trust-badges\/\">goede reputatie<\/a> hebben voor het leveren van betrouwbare diensten.<\/li>\n<li><strong>Documentatie en ondersteuning.<\/strong> De kwaliteit van de <a href=\"https:\/\/kinsta.com\/blog\/vuepress\/\">documentatie<\/a> zal je helpen bij de toegang tot endpoints. Samen met de mate van ondersteuning die je krijgt van de API provider, kun je ook tijd besparen en je moeite met het oplossen van problemen verminderen.<\/li>\n<li><strong>Prijzen.<\/strong> Niet alle API&#8217;s zijn gratis. Sommige bieden gratis niveaus met beperkingen, terwijl andere een premium prijsmodel gebruiken. Zorg er dus voor dat je je budget, de API kosten, je verwachte gebruik en toegang op elkaar afstemt.<\/li>\n<li><strong>Beveiliging en privacy.<\/strong> Het beschermen van gebruikersgegevens is cruciaal bij het gebruik van externe API&#8217;s. Dit is iets wat je met prioriteit en streng moet beoordelen. Je moet kijken naar de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-beveiliging\/\">beveiliging die een API gebruikt<\/a> en of hij zich houdt aan de industri\u00eble normen voor gegevensbescherming. Geef bonuspunten als de API voldoet aan relevante <a href=\"https:\/\/kinsta.com\/nl\/blog\/avg-gdpr-wordpress\/\">regelgeving voor gegevensprivacy<\/a>.<\/li>\n<\/ul>\n<p>Een API is vaak een oplossing voor de lange termijn, wat betekent dat hij ook nuttig moet zijn ongeacht de grootte van je site. Laten we hier nu dieper op ingaan.<\/p>\n<h3>Schaalbaarheid<\/h3>\n<p>De API die je kiest moet in staat zijn om meer verkeer en gebruik aan te kunnen naarmate je website groeit. Deze <a href=\"https:\/\/kinsta.com\/nl\/blog\/html-best-practices\/\">schaalbaarheid<\/a> is een essenti\u00eble overweging en daarom kiezen we ervoor om er hier wat meer aandacht aan te besteden.<\/p>\n<p>De API moet kunnen leveren, ongeacht de hoeveelheid verkeer op je website. Het is echter vaak moeilijk om erachter te komen of een API kan doen wat je verwacht. Het kan zijn dat je een beredeneerde gok moet maken op basis van hoe de API aanbieder zijn aanbod beschrijft.<\/p>\n<p>Zo gebruiken &#8216;stateless&#8217; API&#8217;s een eenvoudiger serverontwerp en hebben ze flexibiliteit als het gaat om verwerkingsresources. <a href=\"https:\/\/kinsta.com\/nl\/changelog\/automatisch-schalen\/\">Horizontaal schalen<\/a> voegt meer nodes en machines toe aan het servernetwerk. Hierdoor heb je net zoveel resourcekracht als je nodig hebt in vergelijking met verticaal schalen. &#8216;Asynchronisatie&#8217; laat de server meerdere verzoeken tegelijk verwerken, wat effici\u00ebnter is.<\/p>\n<figure id=\"attachment_175276\" aria-describedby=\"caption-attachment-175276\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175276 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/vertical-scaling.png\" alt=\"Een infographic over schaalbaarheid van webhosting, waarin een niet schaalbare opstelling met \u00e9\u00e9n server wordt afgezet tegen een horizontaal schaalbare opstelling met meerdere servers en een loadbalancer.\" width=\"1000\" height=\"715\"><figcaption id=\"caption-attachment-175276\" class=\"wp-caption-text\">Een visueel verschil tussen een niet schaalbare opstelling en een algemene horizontale schaalbare opstelling. (<strong>Bron afbeelding: <\/strong><a href=\"https:\/\/www.nitrix-reloaded.com\/2016\/10\/01\/scalability-scale-outin-vs-scale-updown-horizontal-scaling-vs-vertical-scaling\/\" target=\"_blank\" rel=\"noopener noreferrer\">Nithin<\/a> <a href=\"https:\/\/www.nitrix-reloaded.com\/2016\/10\/01\/scalability-scale-outin-vs-scale-updown-horizontal-scaling-vs-vertical-scaling\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mohan<\/a>)<\/figcaption><\/figure>\n<p>Je zou ook moeten kijken of een API het aantal toegestane verzoeken beperkt. Op de lange termijn zal dit je een consistentere, betrouwbaardere en stabielere service geven onder zware belastingen.<\/p>\n<p>Toch moet je al deze factoren zorgvuldig evalueren. Het kiezen van de juiste externe API&#8217;s die voldoen aan jouw eisen zal een voordeel zijn wanneer je ze gaat integreren met WordPress.<\/p>\n<h2>Gebruikelijke werkwijzen en tips om externe API&#8217;s te integreren met WordPress<\/h2>\n<p>Het integreren van een API in je site is vaak eenvoudig. Toch heb je een systematische aanpak nodig om ervoor te zorgen dat de integratie soepel verloopt.<\/p>\n<p>Je eerste stap moet RTFM zijn &#8211; lees de volledige handleiding. De documentatie van de API moet duidelijk zijn over de functionaliteit waarmee je kunt spelen. Dit is naast details over beschikbare endpoints, parameters en authenticatiemethoden.<\/p>\n<figure id=\"attachment_175268\" aria-describedby=\"caption-attachment-175268\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175268 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/kinsta-api-documentation.png\" alt=\"De Kinsta documentatiepagina voor de API, met een overzicht van de noodzakelijke voorwaarden om deze te kunnen gebruiken. De informatie omvat het hebben van een WordPress site en details over veelvoorkomende gebruikssituaties zoals rapportage en sitebeheer.\" width=\"1000\" height=\"625\"><figcaption id=\"caption-attachment-175268\" class=\"wp-caption-text\">De Kinsta API documentatie<\/figcaption><\/figure>\n<p>Er zijn echter nog genoeg andere tips en typische werkwijzen om je API succesvol te integreren met WordPress:<\/p>\n<ul>\n<li><strong>Omgaan met authenticatie.<\/strong> De meeste API&#8217;s hebben authenticatiegegevens nodig om toegang te krijgen tot hun services. Zonder authenticatie krijg je geen toegang tot de endpoints.<\/li>\n<li><strong>API calls implementeren.<\/strong> WordPress geeft je verschillende methoden om API calls te doen, zoals de ingebouwde <a href=\"https:\/\/developer.wordpress.org\/plugins\/http-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">HTTP API<\/a>. Het is de moeite waard om de tijd te nemen om de juiste methode te kiezen die het beste bij je behoeften past. Ook hier zal de API documentatie je helpen.<\/li>\n<li><strong>API reacties parseren.<\/strong> API&#8217;s sturen antwoorden terug in verschillende formats, zoals JSON of XML. Daarom moet je deze API responses in je code parsen en afhandelen om de gegevens te extraheren en te gebruiken.<\/li>\n<li><strong>Omgaan met foutafhandeling.<\/strong> Het gebruik van goede foutafhandelingsmechanismen kan helpen om API fouten met gratie af te handelen. Het stelt je ook in staat om zinvolle foutmeldingen weer te geven aan de bezoekers van je website.<\/li>\n<li><strong>Testen en debuggen.<\/strong> Zoals bij elke app of deployment, test je de API integratie om er zeker van te zijn dat deze werkt zoals je verwacht. Tools zoals <a href=\"https:\/\/www.postman.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Postman<\/a> of browser-devtools kunnen je helpen bij het testen van API calls en het debuggen van eventuele problemen.<\/li>\n<\/ul>\n<p>Tot slot is het belangrijk om je API-gebruik bij te houden. Aangezien de kosten vaak gerelateerd zijn aan een vergoeding per gebruiker, moet je proberen binnen die grenzen te blijven. Later zullen we je laten zien hoe de tools van Kinsta je hierbij kunnen helpen.<\/p>\n<h2>WordPress en Kinsta voorbereiden op integratie met externe API&#8217;s<\/h2>\n<p>Voordat je externe API&#8217;s in WordPress integreert, is het van vitaal belang dat zowel het platform als Kinsta er klaar voor zijn. Het configureren van zowel je CMS als je host kan vaak nodig zijn, vooral voor een nieuwe site.<\/p>\n<p>Het goede nieuws is dat deze stap veel typische en eenvoudige taken bevat. Je wilt bijvoorbeeld de core van WordPress up-to-date houden. Het installeren van noodzakelijke plugins zou ook een prioriteit moeten zijn. Sommige API&#8217;s kunnen specifieke plugins nodig hebben om te functioneren of om als &#8216;brug&#8217; naar je site te gebruiken.<\/p>\n<p>Beveiligingsoverwegingen moeten ook deel uitmaken van je voorbereidingen. Je moet <a href=\"https:\/\/kinsta.com\/nl\/blog\/hoe-werkt-ssl\/\">HTTPS<\/a> op je site inschakelen door een SSL certificaat (Secure Sockets Layer) te installeren.<\/p>\n<figure id=\"attachment_175272\" aria-describedby=\"caption-attachment-175272\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175272 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/ssl-certificate.png\" alt=\"Een afbeelding van een SSL-certificaat uitgegeven door Let's Encrypt, met de huidige geldige status en vervaldatum. Er is een paarse afbeelding van een certificaat bij de informatie.\" width=\"1000\" height=\"385\"><figcaption id=\"caption-attachment-175272\" class=\"wp-caption-text\">De SSL informatie voor een Let&#8217;s Encrypt certificaat.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/nl\/blog\/back-up-wordpress-website\/\">Het maken van een backup van je site<\/a> moet altijd gebeuren voordat je een grote verandering doorvoert, dus deze stap is een goede gewoonte. Bovendien wil je overwegen of je je integratie begint met een lokale ontwikkelomgeving. Het kan zijn dat sommige plugins niet werken met een lokale opstelling.<\/p>\n<p>Dit is ook het moment om de beperkingen van je host op het gebruik van externe API&#8217;s te onderzoeken. Dit kan zijn in de vorm van snelheidslimieten of geblokkeerde poorten. Met deze kennis kun je de functionaliteit die je nodig hebt op een optimale manier bouwen.<\/p>\n<p>Kinsta <a href=\"https:\/\/docs.sevalla.com\/applications\/reference\/faqsapplication-hosting-faq#can-applications-send-email\">blokkeert bijvoorbeeld alle standaard SMTP-poorten<\/a>, omdat we geen e-mailhosting bieden. Het beperkt ook verzoeken tot <a href=\"https:\/\/kinsta.com\/nl\/docs\/kinsta-api\/#rate-limit\">60 per minuut<\/a>. Zodra WordPress en Kinsta optimaal zijn en klaar voor gebruik, kun je beginnen met het integreren van externe API&#8217;s.<\/p>\n<h2>Hoe je externe API&#8217;s kunt integreren met WordPress op Kinsta (2 methoden)<\/h2>\n<p>De gebruikelijke aanpak als het gaat om API integratie externe API is om het te hardcoden. Dit is echter niet de enige manier.<\/p>\n<p>We gaan nu kijken naar de twee primaire benaderingen voor het integreren van externe API&#8217;s met WordPress op Kinsta. Laten we beginnen met de handmatige aanpak en dan kijken naar WordPress plugins.<\/p>\n<h3>1. HTTP calls doen aan de API via directe codering<\/h3>\n<p>De typische manier om API calls te plaatsen en de respons af te handelen is door deze in je site te coderen. Dit vereist een goed begrip van de door jou <a href=\"https:\/\/kinsta.com\/nl\/blog\/beste-programmeertaal-om-te-leren\/\">gekozen programmeertaal<\/a> en van de structuur van WordPress.<\/p>\n<p>Voor WordPress sites moet je de routes en endpoints <a href=\"https:\/\/developer.wordpress.org\/rest-api\/extending-the-rest-api\/routes-and-endpoints\/\" target=\"_blank\" rel=\"noopener noreferrer\">binnen de REST API<\/a> gebruiken. Deze zijn niet alleen veilig, maar bieden ook de beste integratie met je site.<\/p>\n<p>De <a href=\"https:\/\/developers.tiktok.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">TikTok API&#8217;s<\/a> zijn allemaal uitstekend, omdat het coderen van de functionaliteit een typische aanpak is. Laten we eens kijken hoe je dit doet.<\/p>\n<h4>De TikTok API integreren met WordPress<\/h4>\n<p>Eerst moet je een ontwikkelaarsaccount hebben bij het platform. Dit is een snel aanmeldingsproces, waarna je een lijst met beschikbare API&#8217;s te zien krijgt:<\/p>\n<figure id=\"attachment_175275\" aria-describedby=\"caption-attachment-175275\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175275 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/tiktok-apis.png\" alt=\"TikTok's webpagina voor ontwikkelaars, met API's en tools zoals Login Kit en Share Kit. Ze bevatten allemaal beknopte beschrijvingen naast ge\u00efllustreerde voorbeelden van hoe ze de functies van TikTok integreren in andere apps.\" width=\"1000\" height=\"625\"><figcaption id=\"caption-attachment-175275\" class=\"wp-caption-text\">TikTok&#8217;s microsite voor ontwikkelaars toont twee van een aantal beschikbare API&#8217;s.<\/figcaption><\/figure>\n<p>Kies hier de juiste API voor jouw behoeften en <a href=\"https:\/\/developers.tiktok.com\/doc\/display-api-get-started\/\" target=\"_blank\" rel=\"noopener noreferrer\">bekijk de documentatie<\/a> ervan. In dit voorbeeld gaan we de Display API integreren. Hiermee kun je profielinformatie en bijbehorende video&#8217;s laten zien:<\/p>\n<figure id=\"attachment_175266\" aria-describedby=\"caption-attachment-175266\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175266 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/display-api.png\" alt=\"Grafische weergave van de interface van een mobiele app voor het uploaden van foto's of video's. Er zijn opties om toe te voegen vanuit media-albums of rechtstreeks vanuit TikTok, met levendige illustraties en interactieve knoppen.\" width=\"1000\" height=\"582\"><figcaption id=\"caption-attachment-175266\" class=\"wp-caption-text\">De TikTok Weergave API.<\/figcaption><\/figure>\n<p>Een andere vereiste is de <a href=\"https:\/\/developers.tiktok.com\/doc\/login-kit-desktop\/\" target=\"_blank\" rel=\"noopener noreferrer\">TikTok Login Kit<\/a>. Hiermee kun je je desktop-app authenticeren met het sociale mediaplatform. Dit valt buiten het bestek van dit bericht, maar omvat een registratie- en goedkeuringsproces.<\/p>\n<p>Het gebruik van Login Kit is ook nodig om het <a href=\"https:\/\/developers.tiktok.com\/doc\/login-kit-manage-user-access-tokens\/\" target=\"_blank\" rel=\"noopener noreferrer\">toegangstoken<\/a> te krijgen voor het specifieke profiel dat je wilt weergeven:<\/p>\n<pre><code class=\"language-curl\">curl --location --request POST 'https:\/\/open.tiktokapis.com\/v2\/oauth\/token\/' \\\n--header 'Content-Type: application\/x-www-form-urlencoded' \\\n--header 'Cache-Control: no-cache' \\\n--data-urlencode 'client_key=CLIENT_KEY' \\\n--data-urlencode 'client_secret=CLIENT_SECRET' \\\n--data-urlencode 'code=CODE' \\\n--data-urlencode 'grant_type=authorization_code' \\\n--data-urlencode 'redirect_uri=REDIRECT_URI'\n<\/code><\/pre>\n<p>Met dit toegangstoken kun je vervolgens <code class=\"language-curl\">GET<\/code> callen op het <code class=\"language-curl\">\/v2\/user\/info\/<\/code> endpoint. Dit geeft <a href=\"https:\/\/developers.tiktok.com\/doc\/tiktok-api-v2-get-user-info\" target=\"_blank\" rel=\"noopener noreferrer\">basisinformatie<\/a> over een specifieke gebruiker:<\/p>\n<pre><code class=\"language-curl\">curl -L -X GET 'https:\/\/open.tiktokapis.com\/v2\/user\/info\/?fields=open_id,union_id,avatar_url' \\\n-H 'Authorization: Bearer act.example12345Example12345Example'\n<\/code><\/pre>\n<p>Dit zou een specifiek antwoord van de API moeten teruggeven met alle relevante informatie in JSON format:<\/p>\n<pre><code class=\"\"language-json\u201d\">{\n   \"data\":{\n      \"user\":{\n         \"avatar_url\":\"https:\/\/p19-sign.tiktokcdn-us.com\/tos-avt-0068-tx\/b17f0e4b3a4f4a50993cf72cda8b88b8~c5_168x168.jpeg\",\n         \"open_id\":\"723f24d7-e717-40f8-a2b6-cb8464cd23b4\",\n         \"union_id\":\"c9c60f44-a68e-4f5d-84dd-ce22faeb0ba1\"\n      }\n   },\n   \"error\":{\n      \"code\":\"ok\",\n      \"message\":\"\",\n      \"log_id\":\"20220829194722CBE87ED59D524E727021\"\n   }\n}\n<\/code><\/pre>\n<p>Deze respons moet je ontleden om de specifieke gegevens die je wilt te extraheren en weer te geven aan de front-end. Als je eenmaal een werkende implementatie hebt, kun je testen, debuggen en foutafhandeling inbouwen in de code. Er is echter ook een andere manier om externe API&#8217;s op te zetten in WordPress en Kinsta.<\/p>\n<h3>2. Een WordPress plugin gebruiken als een low-code oplossing om verbinding te maken met externe API&#8217;s<\/h3>\n<p>Zoals gebruikelijk voor WordPress zijn er plugins die je helpen om op een snelle en effici\u00ebnte manier verbinding te maken met externe API&#8217;s. Bovendien hoef je vaak geen developer te zijn om ze te begrijpen en te gebruiken. Dit betekent dat je kunt profiteren van alle voordelen van het inhaken op API&#8217;s zonder dat je code nodig hebt.<\/p>\n<p>Er zijn een paar plugins die je hierbij kunnen helpen, zoals <a href=\"https:\/\/wordpress.org\/plugins\/json-content-importer\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get Use API&#8217;s<\/a>. Onze voorkeur gaat echter uit naar <a href=\"https:\/\/wordpress.org\/plugins\/wpgetapi\/\" target=\"_blank\" rel=\"noopener noreferrer\">WPGetAPI<\/a>, omdat de gratis versie veel functionaliteit biedt.<\/p>\n<figure id=\"attachment_175278\" aria-describedby=\"caption-attachment-175278\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175278 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wpgetapi-header.png\" alt=\"Header afbeelding voor de webpagina van de WPGetAPI plugin, die de mogelijkheid van de plugin benadrukt om verbindingen met ongelimiteerde API's mogelijk te maken. Het ontwerp benadrukt ook de API integratie mogelijkheden van de plugin.\" width=\"1000\" height=\"323\"><figcaption id=\"caption-attachment-175278\" class=\"wp-caption-text\">De WPGetAPI plugin header afbeelding van WordPress.org.<\/figcaption><\/figure>\n<p>Vervolgens bekijken we hoe je deze plugin kunt gebruiken om verbinding te maken met een API. Deze methoden zouden echter ook toepasbaar moeten zijn op andere plugins. Hoe dan ook, na <a href=\"https:\/\/kinsta.com\/nl\/blog\/zo-installeer-je-wordpress-plugins\/\">installatie en activering<\/a> kun je beginnen met het toevoegen van je API gegevens aan de plugin.<\/p>\n<h4>WPGetAPI gebruiken om verbinding te maken met externe API&#8217;s<\/h4>\n<p>Voor dit voorbeeld gaan we uit van ShortPixel&#8217;s <a href=\"https:\/\/shortpixel.com\/api-docs\" target=\"_blank\" rel=\"noopener noreferrer\">Image Optimization API<\/a>. Ga naar het <strong>WPGetAPI &gt; Setup<\/strong> scherm, waar je een heleboel lege velden ziet:<\/p>\n<figure id=\"attachment_175279\" aria-describedby=\"caption-attachment-175279\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175279 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wpgetapi-screen.png\" alt=\"Een gedetailleerd screenshot van de WPGetAPI plugin interface, met invoervelden voor de API naam, unieke identificatie en basis URL voor integratie.\" width=\"1000\" height=\"591\"><figcaption id=\"caption-attachment-175279\" class=\"wp-caption-text\">Het hoofdscherm van de WPGetAPI plugin.<\/figcaption><\/figure>\n<p>Eerst moet je drie elementen opgeven: een API naam, een unieke ID en de basis URL van de API.<\/p>\n<figure id=\"attachment_175271\" aria-describedby=\"caption-attachment-175271\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175271 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/shortpixel-wpgetapi.png\" alt=\"De ShortPixel API configuratie binnen de WPGetAPI plugin. Het bevat secties voor het invoeren van API details zoals naam, unieke ID en de API basis URL.\" width=\"1000\" height=\"775\"><figcaption id=\"caption-attachment-175271\" class=\"wp-caption-text\">Het instellen van ShortPixel&#8217;s API informatie binnen WPGetAPI.<\/figcaption><\/figure>\n<p>Zodra je deze gegevens hebt ingevuld en op de knop <b>Save <\/b>hebt geklikt, verschijnt er een nieuw tabblad voor het specificeren van endpoints. De eerste vier velden op dit scherm zijn essentieel om in te vullen. Je moet een unieke ID en URL van het endpoint opgeven, een verzoekmethode specificeren en een resultaatformat instellen:<\/p>\n<figure id=\"attachment_175267\" aria-describedby=\"caption-attachment-175267\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175267 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/endpoints-screen.png\" alt=\"Een interface screenshot van WPGetAPI plugin die het instelproces laat zien voor het integreren van ShortPixel API. Er zijn velden voor het instellen van endpoint details zoals Unieke ID, methode en antwoordformat.\" width=\"1000\" height=\"612\"><figcaption id=\"caption-attachment-175267\" class=\"wp-caption-text\">Het opzetten van een POST call naar ShortPixel&#8217;s API binnen WPGetAPI.<\/figcaption><\/figure>\n<p>Voor het vervolgkeuzemenu <b>Request Method <\/b>zul je er vaak maar twee gebruiken &#8211; <code class=\"language-curl\">GET<\/code> voor het ophalen van gegevens van de API en <code class=\"language-curl\">POST<\/code> voor het verzenden van gegevens ernaartoe.<\/p>\n<p>ShortPixel werkt door eerst een afbeelding te sturen, dus we gebruiken een <code class=\"language-curl\">POST<\/code> methode. De meeste API verzoeken hebben ook een <code class=\"language-curl\">GET<\/code> methode nodig, zodat je site zowel gegevens kan ontvangen als verzenden.<\/p>\n<p>Er is een set optionele velden onder de vier hoofdvelden om verbindingstime-outs en caching in te stellen. Vanaf daar, en afhankelijk van je authenticatiemethode, voer je je gegevens in een van de <strong>Query String<\/strong>, <strong>Headers<\/strong> of <strong>Body<\/strong> velden in. ShortPixel gebruikt een API sleutel in de URL string, dus we kunnen de onze toevoegen aan de <strong>Query String<\/strong> velden:<\/p>\n<figure id=\"attachment_175270\" aria-describedby=\"caption-attachment-175270\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175270 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/query-string.png\" alt=\"Details van het ShortPixel API configuratieeindpunt binnen WPGetAPI. Het toont velden voor Unieke ID, Methode (POST), Time-out, Eindpunt (\/v2\/reducer.php), Resultaat Formaat (JSON string) en Cache Tijd. Het bevat een query string gedeelte met een key-value paar invoer.\" width=\"1000\" height=\"448\"><figcaption id=\"caption-attachment-175270\" class=\"wp-caption-text\">Toegangssleutelinformatie toevoegen aan het Query String veld in WPGetAPI.<\/figcaption><\/figure>\n<p>Sla je wijzigingen nogmaals op en kijk dan terug naar de knop <strong>Test Endpoints<\/strong> bovenaan het scherm. Als je hierop klikt, wordt de verbinding getest en krijg je een rapport terug met de status van de verbinding:<\/p>\n<figure id=\"attachment_175274\" aria-describedby=\"caption-attachment-175274\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175274 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/test-endpoint.png\" alt=\"De WPGetAPI plugin toont een succesvolle test van het ShortPixel API eindpunt 'squash_img'. Het toont een groen succesbericht, de volledige aangeroepen URL en de gegevensuitvoersectie, wat aangeeft dat de API correct werkt en de verwachte resultaten teruggeeft.\" width=\"1000\" height=\"570\"><figcaption id=\"caption-attachment-175274\" class=\"wp-caption-text\">Het testen van een endpoint binnen WPGetAPI.<\/figcaption><\/figure>\n<p>De laatste taak om de API met WordPress te verbinden is het kopi\u00ebren van de shortcode of template tag bovenaan het scherm:<\/p>\n<figure id=\"attachment_175273\" aria-describedby=\"caption-attachment-175273\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175273 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/template-tag.png\" alt=\"De ShortPixel API pagina in de WPGetAPI plugin, met de nadruk op de template tag en shortcode voor het integreren van het 'squash_img' eindpunt. Het bevat velden voor de basis URL, endpoint ID en een debug optie ingesteld op false.\" width=\"1000\" height=\"272\"><figcaption id=\"caption-attachment-175273\" class=\"wp-caption-text\">Een methode kiezen om API informatie weer te geven binnen WPGetAPI.<\/figcaption><\/figure>\n<p>Je kunt deze op een relevant punt in je code of op je pagina plakken, afhankelijk van welke je verkiest.<\/p>\n<h2>De prestaties van externe API&#8217;s beoordelen met Kinsta APM<\/h2>\n<p>Een belangrijk element bij het integreren van externe API&#8217;s in WordPress is hoe goed ze presteren. Het heeft geen zin om een API te gebruiken als deze een negatieve invloed heeft op je site. Dit is waar de <a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/wordpress-monitoring\/apm-tool\/\">Kinsta APM<\/a> tool om de hoek komt kijken.<\/p>\n<figure id=\"attachment_175269\" aria-describedby=\"caption-attachment-175269\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175269 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/kinsta-apm-1.png\" alt=\"De Application Performance Monitoring (APM) sectie binnen het MyKinsta dashboard, met een optie om APM in te schakelen. De pagina beschrijft het doel van APM bij het identificeren van bronnen van trage prestaties op websites en bevat een waarschuwing over de mogelijke invloed op de prestaties van de site als het is ingeschakeld.\" width=\"1000\" height=\"426\"><figcaption id=\"caption-attachment-175269\" class=\"wp-caption-text\">Het Kinsta APM scherm in het MyKinsta dashboard.<\/figcaption><\/figure>\n<p>Hiermee kun je de objectieve prestaties van je site beoordelen via het <a href=\"https:\/\/my.kinsta.com\/?lang=nl\">MyKinsta dashboard<\/a>. Het biedt een handige set grafieken en statistieken om je te helpen de effici\u00ebntie van je site te beoordelen:<\/p>\n<figure id=\"attachment_175265\" aria-describedby=\"caption-attachment-175265\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175265 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/apm-report.png\" alt=\"De Kinsta APM rapportage-interface met een transactievoorbeeld inclusief tijdstempel, transactietype (\/wp-cron.php), URL, duur en resultaat (HTTP 200). Hieronder wordt in een tijdlijn van een transactietrace grafisch de duur en het percentage weergegeven van databasebewerkingen zoals wp_options SELECT en wp_terms SELECT.\" width=\"1000\" height=\"458\"><figcaption id=\"caption-attachment-175265\" class=\"wp-caption-text\">Kinsta&#8217;s APM tool rapporteert over transactietijden voor een site.<\/figcaption><\/figure>\n<p>Er valt <a href=\"https:\/\/kinsta.com\/nl\/blog\/application-performance-monitoring\/\">veel te ontdekken<\/a> met Kinsta APM, maar het gebruik ervan om je &#8217;transactietijden&#8217; te controleren is een belangrijke toepassing. Zo kun je zien welke delen van je site de meeste bronnen nodig hebben.<\/p>\n<p>Natuurlijk wil je ook kijken naar de impact van externe HTTP-verzoeken en processen. Als je API veel bronnen gebruikt, kun je beginnen met het verfijnen ervan om de prestaties te verbeteren. Als je deze statistieken binnen handbereik hebt op het MyKinsta dashboard, kun je je voortdurend herinneren aan waar je site verbetering nodig heeft.<\/p>\n<h2>Samenvatting<\/h2>\n<p>Het integreren van externe API&#8217;s met WordPress op Kinsta kan je helpen om de functionaliteit van je site uit te breiden. Dit kan je verdere ontwikkelingstijd besparen, de UX verbeteren en de effici\u00ebntie verhogen. Sterker nog, WordPress biedt je een aantal manieren om externe API&#8217;s aan te sluiten.<\/p>\n<p>Je kunt de <a href=\"https:\/\/developer.wordpress.org\/rest-api\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress REST API<\/a> gebruiken of zelfs een plugin die het zware werk voor je doet. <a href=\"https:\/\/wpgetapi.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">WPGetAPI<\/a> is een van de beste en gebruikt een low-code aanpak, compleet met een vriendelijke interface. Als je dit combineert met de <a href=\"https:\/\/kinsta.com\/nl\/apm-tool\/\">Kinsta APM tool<\/a>, heb je een objectieve manier om de prestaties van je site te controleren met behulp van een &#8216;first-party&#8217; oplossing.<\/p>\n<p>Vind jij externe API&#8217;s de moeite waard om te implementeren in WordPress? Laat ons weten wat je ervan vindt in het commentsectie hieronder!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress is een krachtig content management systeem (CMS), compleet met een gigantisch ecosysteem van thema&#8217;s en plugins. Hierdoor heb je een bijna onbeperkt aantal manieren om &#8230;<\/p>\n","protected":false},"author":199,"featured_media":58679,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[911,892],"class_list":["post-58678","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-api","topic-wordpress-ontwikkeling"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Profiteren van externe API&#039;s: geavanceerde WordPress strategie\u00ebn op Kinsta - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Het koppelen van externe tools aan je site biedt uitgebreide functionaliteit. In dit bericht wordt gekeken naar externe API&#039;s en hoe je deze kunt integreren met je Kinsta site!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Profiteren van externe API&#039;s: geavanceerde WordPress strategie\u00ebn op Kinsta\" \/>\n<meta property=\"og:description\" content=\"Het koppelen van externe tools aan je site biedt uitgebreide functionaliteit. In dit bericht wordt gekeken naar externe API&#039;s en hoe je deze kunt integreren met je Kinsta site!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-05T18:28:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-03T18:37:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/wp-integrating-third-party-apis-on-kinsta.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Het koppelen van externe tools aan je site biedt uitgebreide functionaliteit. In dit bericht wordt gekeken naar externe API&#039;s en hoe je deze kunt integreren met je Kinsta site!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/wp-integrating-third-party-apis-on-kinsta.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Profiteren van externe API&#8217;s: geavanceerde WordPress strategie\u00ebn op Kinsta\",\"datePublished\":\"2024-03-05T18:28:36+00:00\",\"dateModified\":\"2025-02-03T18:37:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/\"},\"wordCount\":3551,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/wp-integrating-third-party-apis-on-kinsta.jpg\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/\",\"name\":\"Profiteren van externe API's: geavanceerde WordPress strategie\u00ebn op Kinsta - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/wp-integrating-third-party-apis-on-kinsta.jpg\",\"datePublished\":\"2024-03-05T18:28:36+00:00\",\"dateModified\":\"2025-02-03T18:37:31+00:00\",\"description\":\"Het koppelen van externe tools aan je site biedt uitgebreide functionaliteit. In dit bericht wordt gekeken naar externe API's en hoe je deze kunt integreren met je Kinsta site!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/wp-integrating-third-party-apis-on-kinsta.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/wp-integrating-third-party-apis-on-kinsta.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"API\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/api\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Profiteren van externe API&#8217;s: geavanceerde WordPress strategie\u00ebn op Kinsta\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/nl\/#website\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Profiteren van externe API's: geavanceerde WordPress strategie\u00ebn op Kinsta - Kinsta\u00ae","description":"Het koppelen van externe tools aan je site biedt uitgebreide functionaliteit. In dit bericht wordt gekeken naar externe API's en hoe je deze kunt integreren met je Kinsta site!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/","og_locale":"nl_NL","og_type":"article","og_title":"Profiteren van externe API's: geavanceerde WordPress strategie\u00ebn op Kinsta","og_description":"Het koppelen van externe tools aan je site biedt uitgebreide functionaliteit. In dit bericht wordt gekeken naar externe API's en hoe je deze kunt integreren met je Kinsta site!","og_url":"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2024-03-05T18:28:36+00:00","article_modified_time":"2025-02-03T18:37:31+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/wp-integrating-third-party-apis-on-kinsta.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Het koppelen van externe tools aan je site biedt uitgebreide functionaliteit. In dit bericht wordt gekeken naar externe API's en hoe je deze kunt integreren met je Kinsta site!","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/wp-integrating-third-party-apis-on-kinsta.jpg","twitter_creator":"@Kinsta_NL","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Jeremy Holcombe","Geschatte leestijd":"18 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Profiteren van externe API&#8217;s: geavanceerde WordPress strategie\u00ebn op Kinsta","datePublished":"2024-03-05T18:28:36+00:00","dateModified":"2025-02-03T18:37:31+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/"},"wordCount":3551,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/wp-integrating-third-party-apis-on-kinsta.jpg","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/","url":"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/","name":"Profiteren van externe API's: geavanceerde WordPress strategie\u00ebn op Kinsta - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/wp-integrating-third-party-apis-on-kinsta.jpg","datePublished":"2024-03-05T18:28:36+00:00","dateModified":"2025-02-03T18:37:31+00:00","description":"Het koppelen van externe tools aan je site biedt uitgebreide functionaliteit. In dit bericht wordt gekeken naar externe API's en hoe je deze kunt integreren met je Kinsta site!","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/externe-apis\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/wp-integrating-third-party-apis-on-kinsta.jpg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/wp-integrating-third-party-apis-on-kinsta.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/externe-apis\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"API","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/api\/"},{"@type":"ListItem","position":3,"name":"Profiteren van externe API&#8217;s: geavanceerde WordPress strategie\u00ebn op Kinsta"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/nl\/#website","url":"https:\/\/kinsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/nl\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/58678","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=58678"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/58678\/revisions"}],"predecessor-version":[{"id":61803,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/58678\/revisions\/61803"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58678\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58678\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58678\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58678\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58678\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58678\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58678\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58678\/translations\/es"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58678\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/58679"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=58678"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=58678"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=58678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}