De promotiekaart in de chat

Met de promotiekaart toont u uw eigen aanbod in het chatvenster, doorgaans uw betaalde abonnement. De kaart bestaat uit een afbeelding, een kop, een korte tekst, een grote knop en een tekstlink eronder. Ze verschijnt bovenaan het gesprek, op de startpagina van de chat of op beide plaatsen.

De kaart is geen bericht: ze verschijnt niet in de gespreksgeschiedenis die uw team ziet en bezoekers kunnen haar niet sluiten. De knop en tekstlink openen hun doel in een nieuw tabblad.

Instellen

U vindt de promotiekaart in uw account onder Project → Uiterlijk → Promotiekaart. Het chatvoorbeeld op die pagina toont de kaart terwijl u typt.

• Kop – verplicht, maximaal 80 tekens.
• Tekst eronder – optioneel, maximaal 200 tekens.
• Afbeelding – optioneel, een adres dat begint met https://. Zonder afbeelding bestaat de kaart alleen uit tekst.
• Knoptekst – verplicht, maximaal 40 tekens, bijvoorbeeld ‘30 dagen gratis proberen’.
• Knoplink – verplicht, de pagina waarnaar de knop leidt.
• Tekstlink – optioneel, maximaal 60 tekens, bijvoorbeeld ‘Alle abonnementen bekijken’. Als u een tekstlink toevoegt, is ook een linkdoel verplicht. De widget voegt de pijl aan het einde zelf toe.
• Eigen kleur voor knop en accent – zonder vinkje gebruikt de kaart uw merkkleur. De knoptekst wordt automatisch licht of donker gemaakt zodat die leesbaar blijft.
• Waar de kaart verschijnt – ‘Bovenaan in het gesprek’ en/of ‘Op de startpagina’. Voor het laatste moet de startpagina zijn ingeschakeld.
• Wie de kaart ziet – alle bezoekers of alleen bezoekers die niet geïdentificeerd zijn (zie hieronder).

Gebruik adressen die beginnen met https:// voor de knoplink en het linkdoel. De widget toont de knop en tekstlink alleen als het doel https gebruikt.

De kaart kan pas worden ingeschakeld als ze volledig is: met kop, knoptekst, knoplink en minstens één plaatsing. Als er iets ontbreekt, wordt ze als concept opgeslagen en geeft uw account aan wat er ontbreekt.

De teksten gelden in de standaardtaal van het project. Na het opslaan duurt het maximaal een minuut voordat uw bezoekers de wijziging zien.

De kaart verbergen voor betalende klanten

Klanten die al betalen, hebben geen reclame voor uw betaalde abonnement nodig. reactive.chat kent de abonnementen van uw gebruikers niet — uw website wel. Er zijn drie manieren om dit af te handelen.

1. Doelgroep ‘Alleen bezoekers die niet geïdentificeerd zijn’. Als uw website gebruikers al aanmeldt met ReactiveChat('identify', …) (met userId of email), zien die gebruikers de kaart niet meer. Dit is voldoende als alleen betalende klanten bij u kunnen inloggen.

2. Eén regel in uw paginascript, zodra u weet dat de gebruiker betaalt:

ReactiveChat('promo', false);

Als deze regel kan worden uitgevoerd voordat het insluitfragment is geladen, plaatst u dit ervoor:

window.ReactiveChat = window.ReactiveChat || function () { (window.ReactiveChat.q = window.ReactiveChat.q || []).push(arguments); };

3. Een attribuut op het insluitfragment, als uw server de pagina toch al anders aan betalende klanten levert:

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-promo="false"
        async></script>

Beide schakelaars gelden alleen voor de pagina waarop ze staan en alleen voor die paginaweergave. ReactiveChat('promo', true) toont de kaart weer zoals ingesteld in uw account.

De kaart per pagina aanpassen

In plaats van true of false kunt u een object doorgeven. De velden vervangen de accountinstellingen op deze pagina; wat u weglaat, komt uit uw account.

ReactiveChat('promo', {
  titel: 'Annual plan: 2 months free',
  knopf: 'Switch now',
  ziel: 'https://www.your-domain.com/pricing?annual=1'
});

De veldnamen zijn dezelfde als in het account (ze zijn Duits):

• titel – kop (maximaal 80 tekens),
• text – tekst eronder (maximaal 200 tekens),
• bild – afbeeldingsadres dat begint met https://,
• knopf en ziel – knoptekst (maximaal 40 tekens) en knoplink,
• link_text en link_ziel – tekstlink (maximaal 60 tekens) en het doel ervan,
• farbe – eigen kleur als #rrggbb,
• orte – een lijst met "gespraech" (in het gesprek) en "start" (startpagina); als noch het object noch uw account dit instelt, geldt ["gespraech"],
• zielgruppe – "alle" (iedereen) of "anonym" (alleen bezoekers die niet geïdentificeerd zijn).

U kunt ook teksten per taal opgeven, bijvoorbeeld titel: { en: 'Annual plan', de: 'Jahrestarif' }. Langere teksten worden ingekort.

Een object toont de kaart op deze pagina ook als die in uw account is uitgeschakeld. Geef in dat geval alles zelf op: minstens titel en voor een knop ook knopf en ziel.

Vertoningen en klikken

In uw account toont de sectie Prestaties onder de promotiekaart vertoningen, klikken op de knop en tekstlink en het klikpercentage — opgeteld voor de afgelopen 7 en 30 dagen en per dag. Per bezoeker en dag worden maximaal één vertoning per plaatsing en één klik per doel geteld. Uw voorbeeld in het account telt niet mee, net als een kaart die alleen via ReactiveChat('promo', {...}) wordt getoond terwijl ze in het account is uitgeschakeld.

Gebeurtenissen voor uw eigen analyse

Daarnaast melden twee gebeurtenissen in uw paginascript wat er met de kaart gebeurt, bijvoorbeeld om dit aan uw eigen analysetool door te geven.

ReactiveChat('on', 'promo:shown', function (e) {
  // e.ort: "gespraech" (conversation) or "start" (start page)
});

ReactiveChat('on', 'promo:click', function (e) {
  // e.ziel: "knopf" (button) or "link" (text link), e.ort: "gespraech" or "start"
});

promo:shown wordt eenmaal per plaatsing en paginaweergave geactiveerd en pas als het chatvenster met de kaart erin open is. Niemand heeft een kaart in een gesloten chat gezien. promo:click wordt bij elke klik op de knop of tekstlink geactiveerd.

Als de kaart niet verschijnt

• Staat de kaart aan? Een onvolledige kaart blijft een concept.
• Maximaal een minuut na het opslaan voordat bezoekers de wijziging zien.
• Plaatsing ‘startpagina’: staat de startpagina van de chat aan?
• Doelgroep ‘niet geïdentificeerd’: als uw website de bezoeker aanmeldt met ReactiveChat('identify', …), ziet die de kaart niet.
• Uitgeschakeld op deze pagina? Zoek naar data-rc-promo="false" op het fragment en naar ReactiveChat('promo', false) in uw scripts.
• Knop of tekstlink ontbreekt: het doel begint niet met https://.

Hoe u de chat opent via een link of knop op uw eigen website, staat in De chat openen via uw eigen link of knop. De basis van het insluiten staat in De widget insluiten.

Meer lezen in de documentatie

Uitgebreid: Het startscherm van de chat. Alle hoofdstukken staan in de documentatie.