Responsive Embedded Publications: Eerder dit jaar hebben we de manier waarop u uw publicaties op uw website kunt opnemen verbeterd. Nadat we uw feedback hadden gehoord en hadden gezien hoe uw publicaties werden ingesloten, vonden we dat er nog ruimte was voor verbetering. Dankzij uw feedback hebben we het gemakkelijker gemaakt om uw insluitingscode te verkrijgen en hebben we ervoor gezorgd dat de ingesloten publicaties er op alle formaten goed uitzien.
Vlotte eerste indruk
De eerste indruk die uw lezers krijgen bij het openen van een publicatie is uiterst belangrijk. Slechts een seconde vertraging of een kleine afleiding kan de betrokkenheid van uw lezer beïnvloeden. In lijn met die visie hebben we ervoor gezorgd dat zelfs de laadervaring van ingesloten publicaties zo goed mogelijk is. Bekijk dit voorbeeld hier:
Responsieve ingebedde publicaties
Veel gebruikers hebben een responsieve website en willen ingesloten publicaties op verschillende formaten weergeven. Het is moeilijk om ingesloten publicaties op precies de juiste grootte weer te geven en er is geen 'one size fits all' oplossing. Daarom hebben we de responsieve insluitcode ontwikkeld.
Als u onze responsive embed code gebruikt, tonen wij de ingesloten publicatie automatisch zo groot mogelijk binnen de beschikbare ruimte van uw website, waarbij we ook rekening houden met de browser-grootte van de gebruiker. Zo past de ingesloten publicatie altijd mooi op de pagina, zonder te groot te worden op kleinere schermen.
De ingesloten publicatie openen in een lightbox
Voorheen wisten gebruikers bij het openen van een ingesloten publicatie soms niet dat ze nog steeds op uw website waren. Het was niet altijd duidelijk hoe de schermvullende weergave kon worden gesloten, waardoor gebruikers ofwel de pagina sloten ofwel de 'terug'-knop van de browser gebruikten om de publicatie te verlaten - in feite verlieten deze gebruikers uw site.
We openen uw publicatie nu in een lightbox. Hoewel dit een paar pixels van de beschikbare ruimte voor uw publicatie wegneemt, is de gebruikerservaring veel intuïtiever en blijven mensen zich ervan bewust dat ze nog steeds op uw site zijn. Klik gerust op de knop 'openen' in de ingesloten publicatie hierboven om te ervaren hoe dit werkt.
Banner Mode: insluiten van publicaties op klein formaat
We hebben ook gemerkt dat mensen graag ingesloten publicaties gebruiken op veel kleinere formaten dan we hadden verwacht. Om de weergave van deze publicaties te verbeteren, schakelen onze ingesloten publicaties nu automatisch over naar Banner Modus zodra ze kleiner worden dan 800px breed of 500px hoog. Bij 400x400px of lager veranderen we het ontwerp om ons aan te passen aan de kleine ruimte waarin de publicatie is ingebed. Bekijk hier een echt kleine ingesloten publicatie:
In Banner Mode veranderen we een paar dingen om ingesloten publicaties in kleine ruimtes te laten werken:
- Hotspots zijn uitgeschakeld; Er zijn verschillende redenen waarom we de hotspots in Banner Mode hebben uitgeschakeld. De eerste is dat het klikken op kleine hotspots bij deze resoluties snel frustrerend kan worden. Een andere reden is dat de productoverlay en de YouTube-video's niet passen in kleine, ingesloten publicaties met deze afmetingen. Dit zou er soms toe leiden dat gebruikers vast komen te zitten op een productoverlay zonder dat ze die kunnen sluiten.
- Een 'open' knop bij mouseover; Wanneer een gebruiker met de muis over een ingesloten publicatie in Banner-modus gaat, tonen we een 'open'-knop. Zodra de gebruiker op een van de pagina's klikt, wordt de publicatie geopend in een lightbox zoals eerder beschreven.
- Aangepast ontwerp op 400x400px; Bij dit formaat worden ingesloten publicaties zo klein dat we besloten hebben het ontwerp te wijzigen door de onderste balk te verwijderen en de navigatie-elementen te verkleinen. Zo zorgen we ervoor dat de ingesloten publicatie er ook bij kleinere afmetingen goed uitziet.
Je hoeft niet handmatig activeren Banner Modus. De kijker automatisch schakelt naar Banner Mode zodra uw ingesloten publicatie onder de drempel van 800px breedte of 500px hoogte komt.
Let op: Met de introductie van deze functie hebben we onze vorige banner-embedding verwijderd. De banner embed presteerde niet zo goed als we wilden en u kunt nu in plaats daarvan de Banner Mode gebruiken - die veel beter presteert. We zullen de Banner Mode van ingesloten publicaties in de toekomst blijven verbeteren om ervoor te zorgen dat u een geweldige banner heeft voor uw site.
Verkrijgen en instellen van de insluitcode
Zoek in uw publicatielijst de publicatie die u wilt insluiten. Klik dan op Deel -> Embed. Het volgende venster wordt geopend:
We hebben een aantal verbeteringen aangebracht die het insluiten van uw publicaties veel gemakkelijker maken. Het voorbeeld links laat zien hoe uw ingesloten publicatie eruit zal zien. Aan de rechterkant vindt u uw insluitcode en een aantal instellingen om de grootte van uw ingesloten publicatie gemakkelijk aan te passen.
- Responsief (standaard): Dit is de responsieve instelling zoals eerder beschreven.
- Small / Medium / Large: Dit zijn eenvoudige vooraf ingestelde formaten die u kunt selecteren als u uw publicatie snel en gemakkelijk wilt insluiten.
- Aangepast: Gebruik de aangepaste optie als u een aangepaste hoogte en breedte voor uw publicatie wilt instellen. Dit is vooral handig als je precies weet hoeveel ruimte je beschikbaar hebt en de grootte van de viewer zelf wilt bepalen.