Embed mogelijkheden van Memoriam.tv | Memoriam TV Info site (2024)

Door het eenmalig plaatsen van een stuk HTML/JavaScript code in uw eigen website kunt u op een eenvoudige manier de uitzendingen delen. Hierdoor kunt u in advertenties en rouwdrukwerk uw eigen website vermelden, b.v.: "Ga voor de livestream naar de website https://uwdomein.nl/livestream (opens new window) en gebruik code A1B2C3". (Het delen van de Memoriam.tv URL zonder code is nog steeds mogelijk.)

Inhouds opgave

Hoe werkt het embedden?
Varianten
- Embed met alleen een toegangscode
- Embed met lijstweergave
- Enkele embed voor op een specifieke pagina
Gegenereerde codes
- Hoe veilig is de deel code?
- Waar verkrijg ik mijn deel codes?
Implementatie voorbeelden van een embed
- Code variant
- Lijst variant
- Enkele Embed
Kan ik de styling aanpassen?

# Hoe werkt het embedden?

Door het eenmalig plaatsen van een stuk HTML/JavaScript code in een eigen pagina op uw website. Op de organisatiepagina in de beheeromgeving staat uw eigen unieke HTML/JavaScript. Kopieer deze code in uw webpagina.

Bij het aanmaken van een nieuwe dienst kunt u de optie embed aan of uitvinken (default staat deze aan). Ook kunt u kiezen voor een optie met of zonder code (default met). Deze code van 6 karakters wordt gegenereerd nadat de dienst voor de eerste keer wordt opgeslagen.

# Varianten

Er zijn 2 verschillende smaken van embedden, hierdoor kunt u in advertenties en rouwdrukwerk uw eigen website vermelden, b.v:

Code variant

Hiermee krijgt u een invulveld waarin de bezoeker de verkregen code invoert. Als de code correct is wordt automatisch de landingspagina geopend.

# Embed met alleen een toegangscode

Hiermee krijgt u een invulveld waarin de bezoeker de verkregen code invoert. Als de code correct is wordt automatisch de landingspagina geopend (desktop) of komt er een knop in beeld om verder te gaan (mobiel/tablet).

# Embed met lijstweergave

In een lijst worden alle aankomende en afgelopen uitzendingen getoond. Deze kunnen dan desgewenst wel of niet worden beveiligd met een code (deze worden getoond met een slotje). Als men op de gewenste regel klikt wordt de uitzending pagina geopend.

Als de uitzending is geconfigureerd zonder toegangscode hoeft er geen code te worden ingevoerd.Als de uitzending is geconfigureerd met toegangscode wordt er een tussenpagina getoond waar om de code wordt gevraagd.

# Enkele embed voor op een specifieke pagina

Bij elke geplande uitzending staat op de beheerpagina een kader "Embed pagina HTML". Deze html is uniek voor deze uitzending en kan alleen daarvoor worden gebruikt. Kopieer deze html in uw webpagina.

# Gegenereerde codes

De code kan niet in de beheeromgeving worden aangepast omdat deze zo is gegenereerd uit een set bepaalde karakters die het minst mogelijk verwarring schept.(karakters die erg op elkaar lijken zijn hier dus uit gelaten, bijvoorbeeld 0O, 1IilL en 8B ). Mocht er een code zijn die eenbeetje awkward is laat weten aan support, dan genereren we direct een nieuwe.

# Hoe veilig is de deel code?

De code die wordt gegenereerd heeft 32^6 = 1,073,741,824 mogelijkheden dus het raden hiervan is niet makkelijk maar niet onmogelijk. Wilt u een hogere beveiligingsgraad, laat het ons dan weten.

# Waar verkrijg ik mijn deel codes?

In de beheer omgeving van memoriam.tv ziet u bij elke uitzending een unieke code.

# Implementatie voorbeelden van een embed

Voor de waarde van CLIENT_REFERENCE gaat u naar de organisatiepagina in de beheeromgeving. Hier staan ook kant en klare voorbeelden dei u zo kunt knippen en plakken

# Code variant

<script async src="https://embed.memoriam.tv/embed.js"></script><memoriamtv-embed client_reference="CLIENT_REFERENCE" mode="code"></memoriamtv-embed>

Probeer het hieronder met code ACDE12

# Aanpassen teksten:

Pas teksten aan door de properties txt-title, txt-submit, txt-error, txt-unlocked en txt-link te zetten.

txt-title Titel. default: Voer hier uw verkregen code in:
txt-submit Tekst in verzend knop. default: Verzend
txt-error Foutmelding na verkeerd ingevoerde code. default: De ingevoerde code is niet correct. <br/>Probeer het nog een keer.

De volgende waarden worden alleen getoond op een mobiel/tablet nadat een correcte code is ingevoerd.:

txt-unlocked Titel. default: Code is correct.
txt-link Tekst op knop voor openen. default: Bekijk uitzending

Voorbeel code snippet:

<memoriamtv-embed client_reference="[CLIENT_REFERENCE]" mode="code" txt-title="Log hier in <br /> met uw verkregen code" txt-submit="Inloggen <br /> met code" txt-error="De inlog code is ongeldig <br /> Probeer het AUB nog een keer" txt-unlocked="U bent ingelogd." txt-link="Bekijk de uitzending"></memoriamtv-embed>

# Lijst variant

<script async src="https://embed.memoriam.tv/embed.js"></script><memoriamtv-embed client_reference="[CLIENT_REFERENCE]" mode="list"></memoriamtv-embed>

# Enkele Embed

Deze specifieke code vindt u voor elke uitzending op de desbetreffende beheer pagina

<div style='position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 56.3%'><iframe allowfullscreen='' frameborder='0' mozallowfullscreen='' src='https://start.memoriam.tv/embed/3W03-8G36' style='position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;' webkitallowfullscreen='' width='100%'></iframe></div>

# Kan ik de styling aanpassen?

Sure! dit is mogelijk. Omdat we de html injecteren op de pagina zou dat geen problemen moeten opleveren. Hou er wel rekening mee dat de onderliggende code in de toekomst kan veranderen. Als we 'breaking changes' doorvoeren laten we het zowiezo weten via een beheerders mail. Voor assistentie bij de technische implementatie kunt u het beste uw webbouwer informeren. Mochten er speciale wensen zijn of loopt u ergens tegenaan, neem dan gerust contact met ons op!