FlowHunt JS API: Pokročilá Přizpůsobení Chatbota

Odemkněte pokročilé funkce FlowHunt chatbota: personalizujte pomocí proměnných toku, sledujte pomocí URL přípon, využijte obslužné rutiny událostí a ovládejte aktivaci chatu pro individuální uživatelský zážitek.

Naplánovat demo Vyzkoušet nyní

Flowhunt je vybaven silnými funkcemi, které umožňují hluboké přizpůsobení chování vašeho chatbota a jeho bezproblémovou integraci s vaším webem nebo aplikací. Na této stránce se naučíte provádět některá pokročilá přizpůsobení – proměnné toku, parametry URL, zpětná volání na základě událostí a vlastní logiku aktivace chatu.

Proměnné toku: Personalizujte zážitek z chatu

Proměnné toku poskytují způsob, jak předávat chatbotovi dynamická data, takže může být skutečně personalizovaný. Do těchto proměnných můžete uložit cokoli – uživatelská data, data o relaci nebo jakékoli relevantní informace.

Jak použít flowVariable

flowVariable je součástí konfigurace FHChatbot.initChatbot(). Je to objekt, kde každý pár klíč-hodnota definuje proměnnou a její hodnotu. Příklad – předávání IP adresy uživatele a jeho ID:

<script type="text/javascript" id="fh-chatbot-script-8f1fd880-8e9c-4cb1-a1f2-291c0329612b">
(function(d, src, c) { 
  var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');
  s.async=true;s.src=src;s.onload=s.onreadystatechange=function(){
    var rs=this.readyState;
    if(rs&&(rs!='complete')&&(rs!='loaded')){return;}
    c(this);
  };
  t.parentElement.insertBefore(s,t.nextSibling);
})(document,
  'https://app.flowhunt.io/fh-chat-widget.js',
  function(e){ 
    FHChatbot.initChatbot({
      chatbotId: '8f1fd880-8e9c-4cb1-a1f2-291c0329612b',
      workspaceId: 'e31db667-893b-4e47-92c3-bb1f93c1b594',
      headerTitle: 'URLsLab FAQ Generator',
      maxWindowWidth: '700px',
      "flowVariable": {
        "ip": /* Code to obtain IP Address */ ,
        "userId":  /* Code to obtain User ID */
      }
    });
  }
);
</script>

Důležité poznámky:

  • Nahraďte /* Code to obtain IP Address */ a /* Code to obtain User ID */ vaší skutečnou logikou pro zjištění těchto hodnot z vašeho systému. Často to zahrnuje přístup k serverovým proměnným, lokálnímu úložišti nebo využití jiných metod ověřování.
  • Po předání jsou tyto proměnné k dispozici v logice vašeho chatbota, což umožňuje dynamické odpovědi a personalizované workflow.
  • Logika chatbota může tyto proměnné číst a používat pro personalizaci konverzací a větší kontextovou povědomost.

urlSuffix: Sledujte a analyzujte interakce s chatbotem

Parametr urlSuffix vám umožní přidat dotazovací řetězec na konec každé URL, kterou chatbot volá. To je neocenitelné pro sledování původu a efektivity interakcí s chatbotem pomocí analytických nástrojů, jako je Google Analytics.

Jak použít urlSuffix

Jednoduše nastavte vlastnost urlSuffix na požadovaný dotazovací řetězec, například:

<script type="text/javascript" id="fh-chatbot-script-8f1fd880-8e9c-4cb1-a1f2-291c0329612b">
(function(d, src, c) { 
  var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');
  s.async=true;s.src=src;s.onload=s.onreadystatechange=function(){
    var rs=this.readyState;
    if(rs&&(rs!='complete')&&(rs!='loaded')){return;}
    c(this);
  };
  t.parentElement.insertBefore(s,t.nextSibling);
})(document,
  'https://app.flowhunt.io/fh-chat-widget.js',
  function(e){ 
    FHChatbot.initChatbot({
      chatbotId: '8f1fd880-8e9c-4cb1-a1f2-291c0329612b',
      workspaceId: 'e31db667-893b-4e47-92c3-bb1f93c1b594',
      headerTitle: 'URLsLab FAQ Generator',
      maxWindowWidth: '700px',
      "urlSUffix": "?utm_source=your-custom-source"
    });
  }
);
</script>

V tomto příkladu bude ?utm_source=your-custom-source připojeno ke všem URL, které chatbot iniciuje, což vám umožní sledovat návštěvnost chatbota ve vašem analytickém nástroji.

Výhody

  • Sledování konverzí: Sledujte, které interakce s chatbotem vedou k nejvíce konverzím na vašem webu.
  • Analýza chování uživatelů: Zjistěte, jak uživatelé procházejí váš web po zapojení chatbota.
  • Přiřazení kampaní: Měřte efektivitu kampaní, které motivují uživatele komunikovat s chatbotem.

Obslužné rutiny událostí: Reagujte na akce chatbota

Flowhunt vám umožňuje nastavit obslužné rutiny událostí, které spouštějí vlastní funkce při určitých událostech v rámci chatbota. Tyto rutiny vám dávají přesnou kontrolu nad uživatelským zážitkem. Hlavní obslužné rutiny zahrnují:

  • onSessionCreated: Spouští se při zahájení nové relace chatbota (počítá se i restart relace!).
  • onWindowOpened: Spouští se při otevření okna chatbota.
  • onWindowClosed: Spouští se při zavření okna chatbota.
  • onError: Spouští se při chybě v chatbotovi.
  • onMessageReceived: Spouští se, když bot odešle zprávu nebo když uživatel zadá vstup.
  • onMessageSent: Spouští se, když uživatel odešle zprávu.

Jak použít obslužné rutiny událostí

Obslužné rutiny nastavíte pomocí proměnné fhChatbot vrácené funkcí FHChatbot.initChatbot a přidáte posluchače, jako je fhChatbot.onSessionCreated(). Zde je příklad:

<script type="text/javascript" id="fh-chatbot-script-8f1fd880-8e9c-4cb1-a1f2-291c0329612b">
// zachyťte událost, když je chatbot připraven na stránce
window.addEventListener("onFHChatbotReady", (e) => {
  console.log("Chatbot je připraven, tlačítko chatu by mělo být nyní viditelné a připravené ke kliknutí.");
});

(function(d, src, c) { 
  var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');
  s.async=true;s.src=src;s.onload=s.onreadystatechange=function(){
    var rs=this.readyState;
    if(rs&&(rs!='complete')&&(rs!='loaded')){return;}
    c(this);
  };
  t.parentElement.insertBefore(s,t.nextSibling);
})(document,
  'https://app.flowhunt.io/fh-chat-widget.js',
  function(e){ 
    const fhChatbot = FHChatbot.initChatbot({
      chatbotId: '8f1fd880-8e9c-4cb1-a1f2-291c0329612b',
      workspaceId: 'e31db667-893b-4e47-92c3-bb1f93c1b594',
      headerTitle: 'URLsLab FAQ Generator',
      maxWindowWidth: '700px',
      "urlSUffix": "?utm_source=asdfsdfgsdg"
    }); 
    
    fhChatbot.onSessionCreated(function () {
      // Vlastní logika při vytvoření relace, např. volání API nebo ukládání dat
      console.log("relace zahájena");
    });
    
    fhChatbot.onWindowOpened(function () {
      // vlastní logika při otevření okna, nebo zobrazení obsahu nad chatem
      console.log("okno otevřeno");
    });
    
    fhChatbot.onWindowClosed(function () {
      // vlastní logika při zavření okna, nebo zobrazení obsahu nad chatem
      console.log("okno zavřeno");
    });
    
    fhChatbot.onError(function (e) {
      // vlastní logika při chybě, lze zaznamenat do nástroje pro sledování chyb
      console.log(e.metadata);
      console.log("chyba okna");
    });
    
    fhChatbot.onMessageReceived(function (e) {
      // vlastní logika při odpovědi bota
      console.log("chatbot odpověděl");
    });
    
    fhChatbot.onMessageSent(function (e) {
      // vlastní logika, když uživatel zadal vstup
      console.log("uživatel odeslal vstup");
    });
  }
);
</script>

Každá funkce obslužné rutiny může vykonávat vlastní logiku, takže se váš chatbot může dynamicky přizpůsobovat chování uživatele.

Příklady použití:

  • Analytika a reportování: Sledujte spuštění relací a využití chatbota pomocí onSessionStart a dalších událostí pro zasílání cenných metrik.
  • Dynamické úpravy UI: Měňte stránku na základě událostí chatbota (např. zobrazte jinou zprávu, když je chat aktivní).
  • Zpracování chyb: Zachyťte a reagujte na chyby chatbota pro lepší uživatelský zážitek.
  • Vlastní uživatelské toky: Implementujte vlastní logiku na základě interakcí uživatele s chatem.

Vlastní aktivace chatu: Otevírejte a zavírejte podle svých potřeb

Nastavením showChatButton: false můžete skrýt výchozí tlačítko chatu. Poté můžete programově otevírat nebo zavírat okno chatbota podle své vlastní logiky. To vám dává maximální kontrolu nad uživatelským rozhraním.

Jak použít vlastní aktivaci

  1. Deaktivujte výchozí tlačítko: Do možností FHChatbot.initChatbot() přidejte: showChatButton: false.
  2. Ovládejte programově: Použijte metody fhChatbot.openChat() a fhChatbot.closeChat() pro ovládání viditelnosti na základě vlastních událostí.
<script type="text/javascript" id="fh-chatbot-script-8f1fd880-8e9c-4cb1-a1f2-291c0329612b">
(function(d, src, c) { 
  var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');
  s.async=true;s.src=src;s.onload=s.onreadystatechange=function(){
    var rs=this.readyState;
    if(rs&&(rs!='complete')&&(rs!='loaded')){return;}
    c(this);
  };
  t.parentElement.insertBefore(s,t.nextSibling);
})(document,
  'https://app.flowhunt.io/fh-chat-widget.js',
  function(e){ 
    const fhChatbot = FHChatbot.initChatbot({
      chatbotId: '8f1fd880-8e9c-4cb1-a1f2-291c0329612b',
      workspaceId: 'e31db667-893b-4e47-92c3-bb1f93c1b594',
      headerTitle: 'URLsLab FAQ Generator',
      maxWindowWidth: '700px',
      "urlSUffix": "?utm_source=asdfsdfgsdg",
      "showChatButton": false
    }); 
    
    // Příklad: pokud uživatel klikne na vlastní tlačítko
    const customChatButton = document.getElementById("myCustomChatButton")
    customChatButton.addEventListener("click", () => {
      fhChatbot.openChat();
    });

    // Příklad: pokud uživatel zavře pomocí vlastního zavíracího tlačítka
    const customCloseChatButton = document.getElementById("myCustomCloseChatButton")
    customCloseChatButton.addEventListener("click", () => {
      fhChatbot.closeChat();
    });
  }
);
</script>

V tomto příkladu jsme přidali posluchače na vlastní tlačítka pro otevření nebo zavření chatu.

Výhody:

  • Vlastní design: Integrujte chatbota s vizuálním stylem vašeho webu a použijte vlastní tlačítko nebo jiné spouštěče pro zahájení chatu.
  • Ovládání uživatelského toku: Spusťte chatbota v konkrétních bodech uživatelské cesty a zvyšte tak kontextovou podporu.
  • Strategické umístění: Použijte animace nebo jiné vizuální prvky pro upoutání pozornosti uživatele na chatbota ve správný čas.

Používáním proměnných toku, přípon URL, obslužných rutin událostí a vlastní aktivace chatu můžete vytvořit vysoce přizpůsobené a poutavé zážitky s chatbotem Flowhunt. Tyto pokročilé možnosti vám dávají nástroje k doladění chatbota tak, aby dokonale odpovídal potřebám vašeho podnikání i očekáváním vašich uživatelů.

Často kladené otázky

Co jsou proměnné toku ve FlowHunt?

Proměnné toku vám umožňují předávat dynamická data – například informace o uživateli nebo relaci – do vašeho chatbota FlowHunt. To umožňuje personalizované a kontextově vázané konverzace šité na míru každému uživateli.

Jak mohu sledovat interakce s chatbotem pomocí FlowHunt?

Použijte parametr urlSuffix k přidání vlastních dotazovacích řetězců ke každé URL, na kterou chatbot volá. Díky tomu snadno sledujete návštěvnost a konverze pocházející od chatbota v analytických nástrojích jako Google Analytics.

Jaké obslužné rutiny událostí jsou dostupné v JS API FlowHunt?

FlowHunt podporuje obslužné rutiny událostí jako onSessionCreated, onWindowOpened, onWindowClosed, onError, onMessageReceived a onMessageSent, což vám dává plnou kontrolu nad interakcemi uživatelů řízenými chatbotem.

Jak mohu programově aktivovat nebo ovládat chatbota FlowHunt?

Nastavte 'showChatButton' na hodnotu false pro skrytí výchozího tlačítka a poté použijte fhChatbot.openChat() a fhChatbot.closeChat() pro otevření nebo zavření chatbota na základě vlastní logiky nebo akcí uživatele.

Jaké jsou výhody pokročilého přizpůsobení chatbota ve FlowHunt?

Pokročilé přizpůsobení vám umožní personalizovat uživatelské cesty, integrovat analytiku, spouštět dynamické akce a bezproblémově sladit zážitek z chatbota s designem vašeho webu a potřebami podnikání.

Vyzkoušejte pokročilé přizpůsobení chatbota FlowHunt

Posuňte svého chatbota na vyšší úroveň s pokročilými funkcemi JS API FlowHunt. Personalizujte, analyzujte a ovládejte každý aspekt vašeho AI chatbota.

Naplánovat demo Vyzkoušet nyní

Zjistit více

HubSpot Chatbot
HubSpot Chatbot

HubSpot Chatbot

Vylepšete svůj HubSpot chatbot pomocí FlowHunt. Získejte lepší kontrolu nad odpověďmi, zdroji dat a konverzačními toky.

8 min čtení
AI Chatbot +4
Chatbot
Chatbot

Chatbot

Chatboti jsou digitální nástroje, které simulují lidskou konverzaci pomocí AI a NLP, nabízejí nepřetržitou podporu, škálovatelnost a cenovou efektivitu. Objevte...

3 min čtení
AI Chatbot +3
Integrace s LiveChatem
Integrace s LiveChatem

Integrace s LiveChatem

Bezproblémově propojte FlowHunt Chatbot s vašimi oblíbenými nástroji zákaznické podpory pro hladký přechod na lidskou podporu. AI agent chytře rozhoduje, kdy es...

2 min čtení
Integrations Customer Service +3