Social content als tweets en YouTube-video’s publiceren op je site

Steeds vaker willen webredacteuren hun website(s) verrijken met content van social media, zoals YouTube-video’s of tweets. Daarom bevat XperienCentral tegenwoordig standaard functionaliteit om deze externe content eenvoudig op te nemen (oftewel: ‘embedden’) op je eigen site. We leggen graag uit hoe dit in zijn werk gaat.

Content embedden

1. Ga in de redactieomgeving van XperienCentral naar de pagina of het (maatwerk)artikel waarop je de externe content wilt embedden.
2. Activeer de Bewerken-modus.
3. Positioneer de cursor op de positie waar je de content wilt plaatsen.

4. Klik in de toolbar bovenaan op [Link]. (Ook kun je eerst klikken op [Invoegen] en dan op [Link]).
   
5. Er verschijnt een pop-upvenster. Selecteer bij Link naar de optie [Web]. Voer bij Adres de volledige URL in van de externe pagina waarvan je de content wilt hergebruiken, bijvoorbeeld: https://www.youtube.com/watch?v=nl0MWMMLUdQ.
   Je ziet dat er nu een Embed-veld met vinkje verschijnt. XperienCentral heeft namelijk de embed-mogelijkheid van deze URL automatisch herkend en biedt nu standaard deze optie.
6. Klik ten slotte op [Opslaan].

Het resultaat van dit stappenplan? Een volledig geïntegreerde YouTube-video:

Uitbreidbaar

Op dit moment kan XperienCentral content embedden van de volgende externe contentproviders:

• YouTube
• Vimeo
• Dailymotion
• Hulu
• Vine
• Instagram
• Flickr
• SlideShare
• Spotify
• SoundCloud
• Twitter
• Ted (talks)
• Scribd

Deze lijst met contentproviders (waarvoor XperienCentral standaard ondersteuning biedt) kan echter wel – op verzoek – worden uitgebreid, zodat je ook van andere applicaties eenvoudig content kunt integreren in je site.

Enkele voorbeelden

Twitter

• Gebruikte link: https://twitter.com/gxsoftware/status/745929142437281792
  

Instagram

 

• Gebruikte link: https://instagram.com/p/BImZUM8gV2H/?taken-by=nu.nl

Technische achtergrond

Deze embed-functionaliteit van XperienCentral maakt gebruik van de zogenoemde oEmbed-standaard. oEmbed is ontworpen om te voorkomen dat HTML gekopieerd en geplakt moet worden vanaf de site van de externe contentprovider. oEmbed ondersteunt onder meer video's, afbeeldingen en tekst.

oEmbed is een protocol voor het opvragen van inhoud (HTML) van een applicatie. Via een eenvoudige, gestandaardiseerde API is van elk platform (dat oEmbed ondersteunt) te achterhalen hoe je een foto of video toevoegt.

De werking van oEmbed is eenvoudig: je roept een URL aan en krijgt XML of JSON terug. Daarin staat onder andere de titel, auteur en URL. De XML levert ook HTML mee terug; deze wordt gebruikt voor de opbouw van de content.

Uitbreidbaar

Naast de standaard Social Media koppelingen (content providers) die eerder zijn genoemd is het aantal content providers uit te breiden waardoor je uit elke applicatie eenvoudig content kunt integreren in je website.