Reklamkortet i chatten

Med reklamkortet visar du ditt eget erbjudande inne i chattfönstret – vanligtvis din betalplan. Det består av en bild, en rubrik, en kort text, en stor knapp och en textlänk nedanför. Det visas högst upp i konversationen, på chattens startsida eller på båda ställena.

Kortet är inget meddelande: det visas inte i konversationshistoriken som teamet ser och besökare kan inte avvisa det. Knappen och textlänken öppnar sina mål i en ny flik.

Ställa in kortet

Du hittar reklamkortet i kontot under Projekt → Utseende → Reklamkort. Chattförhandsvisningen på sidan visar kortet medan du skriver.

• Rubrik – obligatorisk, upp till 80 tecken.
• Text nedanför – valfri, upp till 200 tecken.
• Bild – valfri, en adress som börjar med https://. Utan bild består kortet bara av text.
• Knapptext – obligatorisk, upp till 40 tecken, till exempel ”Prova gratis i 30 dagar”.
• Knapplänk – obligatorisk, sidan som knappen leder till.
• Textlänk – valfri, upp till 60 tecken, till exempel ”Se alla planer”. Om du lägger till en textlänk krävs också ett länkmål. Widgeten lägger själv till pilen i slutet.
• Egen färg för knapp och accent – utan markeringen använder kortet din profilfärg. Knapptexten blir automatiskt ljus eller mörk så att den förblir läsbar.
• Var kortet visas – ”I konversationen, högst upp” och/eller ”På startsidan”. För det senare måste startsidan vara aktiverad.
• Vem som ser det – alla besökare eller bara besökare som inte är identifierade (se nedan).

Använd adresser som börjar med https:// för knapplänken och länkmålet. Widgeten visar bara knappen och textlänken med ett https-mål.

Kortet kan bara aktiveras när det är komplett: med rubrik, knapptext, knapplänk och minst en placering. Om något saknas sparas det som ett utkast och kontot talar om vad som saknas.

Texterna gäller på projektets standardspråk. När du har sparat tar det upp till en minut innan besökarna ser ändringen.

Dölj kortet för betalande kunder

Kunder som redan betalar behöver ingen reklam för din betalplan. reactive.chat känner inte till användarnas planer – det gör din webbplats. Det finns tre sätt att hantera detta.

1. Målgruppen ”Bara besökare som inte är identifierade”. Om webbplatsen redan loggar in användare med ReactiveChat('identify', …) (med userId eller email) ser dessa användare inte längre kortet. Det räcker om bara betalande kunder har inloggning hos dig.

2. En rad i sidans skript, så snart du vet att användaren betalar:

ReactiveChat('promo', false);

Om raden kan köras innan inbäddningskoden har laddats lägger du detta före den:

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

3. Ett attribut i inbäddningskoden, om servern ändå levererar sidan annorlunda till betalande kunder:

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

Båda omkopplarna gäller bara sidan där de finns och bara den sidvisningen. ReactiveChat('promo', true) visar kortet igen enligt inställningarna i kontot.

Anpassa kortet per sida

I stället för true eller false kan du skicka ett objekt. Dess fält ersätter kontoinställningarna på den här sidan; allt du utelämnar hämtas från kontot.

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

Fältnamnen är desamma som i kontot (de är tyska):

• titel – rubrik (upp till 80 tecken),
• text – text nedanför (upp till 200 tecken),
• bild – bildadress som börjar med https://,
• knopf och ziel – knapptext (upp till 40 tecken) och knapplänk,
• link_text och link_ziel – textlänk (upp till 60 tecken) och dess mål,
• farbe – egen färg som #rrggbb,
• orte – en lista med "gespraech" (i konversationen) och "start" (startsida); om varken objektet eller kontot anger det gäller ["gespraech"],
• zielgruppe – "alle" (alla) eller "anonym" (bara besökare som inte är identifierade).

Du kan också ange texter per språk, till exempel titel: { en: 'Annual plan', de: 'Jahrestarif' }. Längre texter kortas.

Ett objekt visar kortet på den här sidan även om det är avstängt i kontot. Ange då allt själv: minst titel, och för en knapp även knopf och ziel.

Visningar och klick

I kontot, under reklamkortet, visar avsnittet Resultat visningar, klick på knappen och textlänken samt klickfrekvens – summerat för de senaste 7 och 30 dagarna och per dag. Per besökare och dag räknas högst en visning per placering och ett klick per mål. Förhandsvisningen i kontot räknas inte, och inte heller ett kort som bara visas via ReactiveChat('promo', {...}) medan det är avstängt i kontot.

Händelser för egen analys

Dessutom rapporterar två händelser i sidans skript vad som händer med kortet – till exempel för att skicka vidare till ditt eget analysverktyg.

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 utlöses en gång per placering och sidvisning, och först när chattfönstret är öppet med kortet i det. Ingen har sett ett kort inne i en stängd chatt. promo:click utlöses vid varje klick på knappen eller textlänken.

Om kortet inte visas

• Är det aktiverat? Ett ofullständigt kort förblir ett utkast.
• Upp till en minut går efter sparande innan besökarna ser ändringen.
• Placeringen ”startsida”: är chattens startsida aktiverad?
• Målgruppen ”inte identifierad”: om webbplatsen loggar in besökaren med ReactiveChat('identify', …) ser hen inte kortet.
• Avstängt på den här sidan? Leta efter data-rc-promo="false" i kodsnutten och ReactiveChat('promo', false) i skripten.
• Knapp eller textlänk saknas: målet börjar inte med https://.

Hur du öppnar chatten från en länk eller knapp på webbplatsen beskrivs i Öppna chatten från egen länk eller knapp. Grunderna för inbäddning behandlas i Bädda in widgeten.

Läs mer i dokumentationen

Fördjupning: Chattens startskärm. Alla kapitel finns i dokumentationen.