Externe inhoud inbedden

Document360 ondersteunt het direct inbedden van derde-partijinhoud in je artikelen — inclusief diagrammen, video's en interactieve formulieren — zonder het kennisbankportaal te verlaten. Embedding gebeurt met HTML iframe-code die in Codeweergave in de Advanced WYSIWYG-editor is geplakt, of direct in de Markdown-editor.

In dit artikel worden drie embeddingtypes behandeld:

Wanneer zou je deze gebruiken?

• Embed een Draw.io stroomdiagram of architectuurdiagram naast een technische procedure zodat lezers de volledige systeemcontext kunnen zien zonder van gereedschap te wisselen
• Plaats een Microsoft Stream-trainingsvideo in een onboardingartikel zodat interne gebruikers deze kunnen bekijken zonder de kennisbank te verlaten
• Sluit een Google-formulier in aan het einde van een artikel om feedback van lezers, tevredenheidsbeoordelingen of supportverzoeken direct te verzamelen
• Gebruik diagrammen die als afbeeldingen worden geëxporteerd wanneer je een lichtgewicht, altijd zichtbaar beeld nodig hebt dat niet afhankelijk is van beschikbaarheid van externe diensten

Inbedding Draw.io diagram

Diagrams.net (vaak aangeduid als Draw.io) is een webgebaseerde open-source tool voor het maken van stroomdiagrammen, UML-diagrammen, entiteitsrelaties, netwerkdiagrammen, mockups en meer.

Embed als een afbeeldingstag

Gebruik deze aanpak in de Markdown-editor of via Codeweergave in de Advanced WYSIWYG-editor.

1. Klik in Diagrams.net op Bestanden > Emben en kies Afbeelding.
2. Klik op Invoegen.
3. Klik op Kopiëren om de gegenereerde afbeeldingstag te kopiëren.
4. In de Markdown-editor plakt u de gekopieerde code direct in het artikel. Klik in de Advanced WYSIWYG-editor op het Codeweergave-icoon en plak de code op de gewenste locatie.

Je kunt de hoogte- en breedtewaarden in de tag aanpassen wanneer dat nodig is.

Exporteren als afbeelding en uploaden

Gebruik deze aanpak voor de Advanced WYSIWYG-editor of wanneer je het diagram wilt opslaan in Document360 Drive.

1. Klik in Diagrams.net op Bestand > Exporteren als > PNG.
2. Klik op Exporteren, geef het bestand een naam en sla het op op je gewenste locatie.
3. Klik op Downloaden.
4. Klik in de Document360-editor op Afbeelding invoegen en selecteer Van Upload/URL.
5. Selecteer de gedownloade afbeelding en klik op Invoegen.

Embed Microsoft Stream-video's

Je kunt zowel Microsoft SharePoint Stream als de nieuwste Microsoft Stream-video's in Document360-artikelen inbedden. Embedding wordt ondersteund in zowel de Markdown- als de Advanced WYSIWYG-editors.

De embed-code van Stream ophalen

1. Ga naar het Stream-platform en selecteer de video die je wilt insluiten.
2. Klik rechtsboven op de videopagina op Delen en selecteer vervolgens Code inbedden.
3. Configureer indien nodig de volgende opties in het embed-paneel:
   • Begin met — stel een specifieke tijdstempel in (bijv. 01:23)
   • Spelersgrootte — kies een resolutie (bijv. 640×360, 1280×720)
4. Klik op Kopieer embed code.

Embedding in de Advanced WYSIWYG-editor

1. Navigeer naar het gewenste artikel.
2. Klik op het Codeweergave-icoon .
3. Plak de embedcode op de gewenste locatie.
4. Druk Ctrl + S om op te slaan.

Inbedding met het slash-commando

1. Typ /Video en druk Enterop . Het paneel 'Video invoegen ' verschijnt.
2. In het tabblad 'Code embed' plakt je de gekopieerde embedcode.
3. Klik op Opslaan.

Embed Google Forms

Je kunt Google Forms direct in kennisbasisartikelen inbedden met behulp van een HTML iframe-code. Na publicatie kunnen lezers met het formulier interageren — enquêtes invullen, feedback indienen of gegevens invoeren — zonder het artikel te verlaten.

De embedcode ophalen uit Google Forms

1. Ga naar Google Forms en log in met je Google-account.
2. Open een bestaand formulier of maak een nieuw formulier aan.
3. Klik op de Verzendknop bovenaan het formulier.
4. Selecteer in het paneel 'Verzenden formulier ' het tabblad < > (Inbedden).
5. Klik op Kopiëren om de iframe-embedcode te kopiëren.

Embedding in de Advanced WYSIWYG-editor

1. Navigeer naar het gewenste artikel.
2. Klik op het Codeweergave-icoon .
3. Plak de gekopieerde iframe-code op de gewenste locatie.
4. Druk Ctrl + S om op te slaan. Het formulier zal in het artikel worden weergegeven.

Inbedding in de Markdown-editor

1. Navigeer naar het gewenste artikel in de Markdown-editor.
2. Plak de iframe src-link direct in de editor op de gewenste locatie.

Best practices

• Stel Draw.io diagrammen altijd op publiek voordat je embeddingt — privédiagrammen lijken voor lezers op de kennisbank als kapot
• Gebruik de export-als-afbeelding-methode voor Draw.io diagrammen wanneer je volledige controle over het visuele wilt zonder afhankelijk te zijn van een externe servicelink die actief blijft
• Controleer de toestemming voor de Stream-video voordat je publiceert — lezers zonder toegang tot de Stream-video zullen een foutmelding zien in plaats van de video zelf
• Test ingesloten Google Forms na publicatie om te bevestigen dat ze correct worden weergegeven en ingediend voor lezers
• Houd de ingebedde content gericht — één diagram of formulier per sectie. Het stapelen van meerdere embeds in één artikel kan de laadprestaties van pagina's beïnvloeden
• Bekijk het artikel altijd na het inbedden om te bevestigen dat de inhoud correct wordt weergegeven voordat je publiceert