Speler verschijnt niet op de frontend

4 min read

De audio is prima gegenereerd in het admin, maar als je het bericht op je site bekijkt, is er geen audiospeler. Op deze pagina vind je de meestvoorkomende oorzaken.

Snelle checklist

Voordat je verder gaat:

  1. Laad de pagina opnieuw met Ctrl+Shift+R (harde vernieuwing omzeilt de cache)
  2. Controleer of het bericht audio heeft in de TTS-kolom in het admin
  3. Controleer of je niet uitgelogd bent (sommige thema's verbergen elementen die alleen voor admins zichtbaar zijn)

Oorzaak 1: Het berichttype is niet ingeschakeld

Symptoom: Audio bestaat in het admin, maar geen speler op de frontend. Werkt wel op sommige berichttypen maar niet op andere.

Oplossing:

  1. Ga naar Tekst naar spraak → Inhoud.
  2. Controleer of het huidige berichttype is ingeschakeld (Berichten, Pagina's, Producten, enz.).
  3. Sla op.
  4. Laad het frontend-bericht opnieuw.

Oorzaak 2: Themaconflict

Symptoom: De speler verschijnt op sommige thema's maar niet op het jouwe, of verschijnt maar is onzichtbaar of kapot.

Veelvoorkomende oorzaken:

  • Je thema verwijdert het the_content-filter waar TTSWP de speler injecteert
  • Je thema gebruikt een aangepaste template die de standaard inhouds-hooks van WordPress omzeilt
  • CSS van je thema verbergt de speler (display: none ergens)

Oplossing:

  1. Schakel tijdelijk over naar een standaard WordPress-thema (Twenty Twenty-Four).
  2. Laad het bericht opnieuw.
  3. Als de speler verschijnt op het standaardthema, ligt het probleem bij jouw thema.

Tijdelijke oplossingen:

  • Gebruik de [mementor-tts]-shortcode in het bericht om plaatsing te forceren
  • Gebruik de [tts_player id="123"]-shortcode in een aangepaste thema-template
  • Voeg aangepaste CSS toe om de speler zichtbaar te maken als deze wordt verborgen

Oorzaak 3: Plaatsing is ingesteld op een weergave die niet zichtbaar is

Symptoom: Speler verschijnt op sommige pagina's maar niet op andere.

Voorbeeld: Als de plaatsing is ingesteld op Voor uittreksel, toont de speler alleen op archief- en bloglijstpagina's, niet op afzonderlijke berichten.

Oplossing:

  1. Ga naar Tekst naar spraak → Speler.
  2. Controleer het Plaatsing-dropdown-menu.
  3. Schakel over naar Na titel of Na inhoud voor de meest universele plaatsing.
  4. Sla op.

Oorzaak 4: Cache levert een oude versie

Symptoom: Speler verschijnt in een nieuw incognitovenster, maar niet in je gewone browser.

Oplossing:

  1. Wis je browsercache (Ctrl+Shift+Delete).
  2. Als je een cachingplugin gebruikt (WP Rocket, LiteSpeed, enz.), wis dan de cache.
  3. Als je een CDN gebruikt (Cloudflare, enz.), verwijder dan de cache.

Zie Cachingplugins.

Oorzaak 5: JavaScript geblokkeerd

Symptoom: De HTML van de speler is aanwezig (bekijk de broncode), maar ziet er kapot of statisch uit.

Waarom: De speler gebruikt JavaScript voor de bedieningselementen. Als JS geblokkeerd is, toont de speler als niet-opgemaakt HTML.

Oplossing:

  • Controleer je browserconsole op JS-fouten
  • Schakel adblockers of contentblockers op je site uit
  • Controleer of geen enkele andere plugin mementor-tts-public.js verwijdert

Oorzaak 6: Weglot- of WPML-routeringsprobleem

Symptoom: Speler werkt op de originele taal maar niet op vertaalde pagina's (of andersom).

Oplossing: Zorg dat de integratieschakelaar voor Weglot of WPML is ingeschakeld. Ga naar Tekst naar spraak → Overzicht → Snelle instellingen. Zie WPML-integratie en Weglot-integratie.

Oorzaak 7: AMP-versie van de pagina

Symptoom: Speler toont op de gewone versie maar niet op AMP.

Waarom: AMP heeft strikte regels voor JavaScript. De TTSWP-speler werkt niet binnen AMP-pagina's.

Tijdelijke oplossing: Verwijs bezoekers naar de niet-AMP-versie, of gebruik een andere aanpak voor audio op AMP-pagina's.

Nog steeds vastgelopen?

Als geen van de bovenstaande oplossingen werkt:

  1. Controleer Tekst naar spraak → PRO-ondersteuning of de ondersteuningspagina
  2. Vermeld: de naam van je thema, WordPress-versie, pluginversie, browser, een screenshot van het bericht en de admin TTS-kolom

Gerelateerde pagina's