Memoriam TV Info site

# Embed mogelijkheden van Memoriam.tv

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?

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.

"Ga voor de livestream naar de website https://uwdomein.nl/livestream (opens new window) en gebruik code A1B2C3"

Lijst variant

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

"Ga voor de livestream naar de website https://uwdomein.nl/livestream (opens new window)"

"Ga voor de livestream naar de website https://uwdomein.nl/livestream (opens new window) en gebruik code A1B2C3"

Enkele Embed

Voor het geval dat u voor elke uitvaart een aparte pagina maakt kunt u deze embed plaatsen op deze pagina

"Ga voor de livestream naar de website https://uwdomein.nl/piet-puk (opens new window)"

Noot: Het delen van de Memoriam.tv URL zonder toegangscode is nog steeds mogelijk!

# Embed met alleen een toegangscode

Voorbeeld van een embed met code 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

Voorbeeld van een embed in lijst modus 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

Voorbeeld van een enkele embed 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 een beetje 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!