iFrames kunnen jou helpen om een informatierijke werkplek te creëren. Deel een Spotify podcast over een interessant onderwerp, blijf op de hoogte van de weersvoorspellingen of houd je collega’s op de hoogte van het nieuws binnen jouw bedrijf met een YouTube video. Er zijn oneindige mogelijkheden met iFrames, wat je kunt gebruiken om elke soort webcontent te integreren in jouw digitale werkplek. Wil je leren hoe je dit doet? In deze blog leg ik uit hoe je de Webcontent Tegel gebruikt in Workspace 365 en geef ik je zeven voorbeelden van content die je kunt integreren met het gebruik van iFrames.

# 1. Embed een Spotify podcast afspeellijst

Heeft jouw bedrijf een podcast? Waarom zou je deze dan niet integreren in jouw digitale werkplek? Naast muziek afspeellijsten of albums, heeft Spotify ook een snel groeiende selectie van business podcasts. Hiermee deel je belangrijke informatie, of gewoon een interessant onderwerp met je collega’s en houd je ze op de hoogte.

Hoe integreer je Spotify afspeellijsten? Het enige wat je hoeft te doen is:

  • Ga naar je Spotify App
  • Selecteer de gewenste podcast afspeellijst
  • Klik op de drie puntjes > Deel > Kopieer Embed Code.

Hoe embed je elke vorm van webcontent in Workspace 365?

Om verder te gaan, moet je weten hoe je, bijvoorbeeld, deze Spotify podcast afspeellijst of elke andere webcontent aan Workspace 365 toevoegt. Dit is dezelfde stap voor elke andere iFrame die je wilt embedden in jouw werkplek.

  • Nadat je de embed code hebt gekopiëerd, ga je naar de App Store > Nieuwe App > Webinhoud

  • Plak de embed code in het ‘Embed code’ veld

  • Zorg dat je de breedte en hoogte (width en height) verandert naar 100%. Je kunt de code hieronder gebruiken voor The Tech Blog Writer Podcast of jouw eigen code creëren.

<iframe src=”https://open.spotify.com/embed-podcast/show/1EOL2H2Yqic5L5GgOqDVYf” width=”100%” height=”100%” frameborder=”0″ allowtransparency=”true” allow=”encrypted-media”></iframe>

  • Kies of je de koptekst en voettekst wilt tonen in de live tile.
  • Voor de live tile navigation URL ga je terug naar de Spotify App, klik je op de drie puntjes > Delen > Kopieer Show Link.
  • Kies wie toegang heeft of voeg eigenaren toe voor de App.
  • En last but not least, kun je de naam van de appveranderen naar bijvoorbeeld ‘Spotify Podcast’ en het icoon van de app naar voorkeur aanpassen, door erop te klikken en een icoon te selecteren, of de kleur van standaard naar een aangepaste kleur veranderen.
  • Klik nu op ‘Opslaan en Terug’ en je bent klaar met het creëren van de app!

  • Om de tegel toe te voegen aan jouw werkplek, klik je op ‘Tegels toevoegen’ in het menu in de werkplek. Zoek naar de app die je wilt tonen in jouw werkplek, in dit geval de ‘Spotify Podcast’. Selecteer de App Spotify Podcast en klik op ‘ Toevoegen aan werkplek’.

  • Voilà, hier is jouw podcast afspeellijst, nu geïntegreerd in jouw digitale werkplek.

# 2. Voeg jouw Twitter tijdlijn toe

Wordt Twitter gebruikt binnen jouw bedrijf? Je kunt Twitter makkelijk integreren in jouw digitale werkplek met het gebruik van een iFrame. Deel direct het nieuws of updates via de laatste tweets.

  • Om je eigen Twitter profiel te tonen, kun je de code hieronder gebruiken of ga je naar Twitter Publish en voer je de URL in die je wilt integreren/embedden.

  • Als je de link hieronder gebruikt, zorg dan dat je de naam verandert naar je eigen profielnaam.

<div align=”center”><a class=”twitter-timeline” data-width=”600″ data-dnt=”true” data-tweet-limit=”4″ href=”https://twitter.com/NewDayatWork?ref_src=twsrc%5Etfw”>Tweets by NewDayatWork</a><script async src=”https://platform.twitter.com/widgets.js” charset=”utf-8″></script></div>

  • Om het toe te voegen aan je werkplek, volg je de stappen die zijn uitgelegd bij ‘’Hoe embed je elke vorm van webcontent in Workspace 365’’.

Nu is je Twitter tijdlijn geïntegreerd in jouw digitale werkplek.

# 3 . Blijf op de hoogte van de weersvoorspellingen

Het is altijd handig om op de hoogte te blijven van het weer. Vooral voor mobiele werknemers die moeten rondreizen en overal hun digitale werkplek gebruiken. Bijvoorbeeld een postbode die een pakket moet bezorgen of een wijkverpleegkundige die naar buiten moet. Zij willen natuurlijk hun rooster van tevoren kunnen plannen, om de regen te ontwijken. Dit is waarom je live weersvoorspellingen kunt integeren in jouw digitale werkplek met het gebruik van iFrames.

  • Ga bijvoorbeeld naar Weerplaza, kies een widget die je wilt integreren en klik op ‘Genereer code’ en kopieer de code.

De code hieronder kun je gebruiken voor de regenradar.

<iframe frameborder=”0″ scrolling=”no” class=”weerplazaWidget” src=”https://www.weerplaza.nl/weerwidgets/regenradar/?SXNGdWxsV2lkdGg9ZmFsc2UmSXNIRD10cnVlJlpvb21MZXZlbD03LjA=” style=”padding: 10px; width: 100% !important; max-width:600px !important; height: 679px !important; border: 1px solid rgb(244, 244, 244) !important; box-sizing: border-box !important;”></iframe>

  • Om het toe te voegen aan je werkplek, volg je de stappen die zijn uitgelegd bij ‘’Hoe embed je elke vorm van webcontent in Workspace 365’’.

# 4. Voeg een favoriete locatie toe met Google Maps

Toon een belangrijke locatie of het adres van jouw kantoor in je werkplek met Google Maps, wat het makkelijker maakt om bijvoorbeeld naar je werk te navigeren.

  • Ga naar Embed Google Map, voer je locatie in en je krijgt de HTML/iFrame code.
  • Zorg dat je de breedte en hoogte (width en height) verandert naar 100%, of gebruik de code hieronder en verander het adres en de plaats.

<div class=”mapouter”><div class=”gmap_canvas”><iframe width=”100%” height=”100%” id=”gmap_canvas”src=”https://maps.google.com/maps?q=Berencamperweg%2C%20nijkerk&t=&z=13&ie=UTF8&iwloc=&output=embed” frameborder=”0″ scrolling=”no”marginheight=”0″ marginwidth=”0″></iframe><ahref=”https://www.embedgooglemap.net/blog/20-off-discount-for-elegant-themes-divi-sale-coupon-code-2019/”>elegantthemes</a></div><style>.mapouter{position:relative;text-align:right;height:500px;width:600px;}.gmap_canvas{overflow:hidden;background:none!important;height:500px;width:600px;}</style></div>

  • Om het toe te voegen aan je werkplek, volg je de stappen die zijn uitgelegd bij ‘’Hoe embed je elke vorm van webcontent in Workspace 365’’.

# 5. Deel nieuws, updates en andere belangrijke informatie met een YouTube video

Studies hebben aangetoond dat mensen eerder informatie vanuit een video onthouden, dan wanneer ze bijvoorbeeld een artikel moeten lezen. Dat is waarom het een goed idee kan zijn om video’s te integreren in jouw digitale werkplek. Zo embed je een YouTube video over een interessant onderwerp ofeen bedrijfsupdate video:

  • Ga naar de video op YouTube die je wilt integreren.
  • Klik op de ‘Deel’ knop onderaan de video.
  • Klik op ‘Insluiten’ (Embed).

  • Zorg dat je de breedte en hoogte (width en height) naar 100% verandert, of gebruik de onderstaande code en verander de URL naar de video die je wilt embedden.

<iframe width=”100%” height=”100%” src=”https://www.youtube.com/embed/y4wE2HmxkIo” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>

  • Om het toe te voegen aan je werkplek, volg je de stappen die zijn uitgelegd bij ‘Hoe embed je elke vorm van webcontent in Workspace 365’.

# 6. Creëer een scrollende YouTube afspeellijst

Als je meer video’s in één oogopslag wilt tonen, kun je jouw eigen scrollende YouTube afspeellijst maken.

  • Ga naar Feedwind en meld je aan om de eerste afspeellijst gratis te maken.
  • Voer de RSS URL van jouw YouTube kanaal of afspeellijst in. Weet je niet hoe je dit maakt? Lees dan de blog: Vind de YouTube RSS feed URL van jouw kanalen
  • Kopieer en plak de link in het ‘Typ nieuwe URL’ gedeelte.

  • Scroll naar beneden om jouw eigen instellingen in te stellen, zoals lettertype kleur.
  • Om de display foto van de video te tonen, scroll je naar beneden naar ‘Style’ en selecteer je ‘Thumbnail selection’ > ‘Media Thumbnail’.
  • Om de iFrame code te krijgen voor het embedden in je werkplek, klik je op de ‘Save & Get code’ button rechts bovenaan de pagina. Zorg dat je de iFrame versie van de code kopieert.

  • Volg de stappen die zijn uitgelegd bij ‘’Hoe embed je elke vorm van webcontent in Workspace 365’’ en je zult jouw YouTube afspeellijst in je werkplek zien.

# 7. Toon je gevisualiseerde data in je werkplek met Tableau

Tableau is Business Intelligence (BI) software dat jouw data helpt te visualiseren. Het is een betaalde dienst waarvoor je een account nodig hebt. Hier vind je meer informatie over hoe je Tableau statistieken embed in je digitale werkplek. Om het toe te voegen aan je werkplek, volg je de stappen die zijn uitgelegd bij ‘’Hoe embed je elke vorm van webcontent in Workspace 365’’.

Integreer elke website of applicatie die je wilt

<iframe width=”100%” height=”100%” src=”https://workspace365.net“</iframe>

In deze iFrame code hoef je alleen de website URL te veranderen. Daarna kun je de stappen die zijn uitgelegd bij ‘’Hoe embed je elke vorm van webcontent in Workspace 365’’ volgen en jouw website wordt getoond in je werkplek.

Wat wil je integreren met het gebruik van iFrames?

Sta je al versteld van de mogelijkheden die iFrames bieden voor jouw digitale werkplek? Of mis je nog steeds een integratie? Neem contact met ons op en laat ons weten welke webcontent jouw voorkeur heeft om te embedden met iFrames. Jij hebt vast ook geweldige ideeën en we zijn nieuwsgierig naar nieuwe wensen voor webcontent om te integreren in de digitale werkplek.

 

 

Andere artikelen die je misschien interessant vindt: 

Waar vind je de SharePoint RSS feed URL in Office 365?

Wat kun je met de Workspace 365 App Store? 

How to: Creër een gemixte RSS-feed voor jouw digitale werkplek

 

Snel up-to-date!

Twitter
LinkedIn
Facebook
Youtube
RSS

Ontvang ons nieuws

Interesse in Workspace 365


Renate Geurtjens

Renate Geurtjens

Storyteller

Heb je vragen over Workspace 365 of wil je partner worden? Neem contact met ons op!

Ontvang ons nieuws

Interesse in Workspace 365


Zelf de werkplek proberen?

Interesse in Workspace 365

Bedankt voor het aanmelden, de demo wordt na bevestiging verzonden naar je mailbox.