Kā pievienot Asyntai MI tērzēšanas robotu jebkurai tīmekļa vietnei

Universāls ceļvedis HTML, pielāgotām vietnēm un statiskiem ģeneratoriem

Platforma:

1. solis: Iegūstiet savu iegulto kodu

Vispirms dodieties uz savu Asyntai vadības paneli un ritiniet uz leju līdz sadaļai "Iegultais kods". Nokopējiet savu unikālo iegulto kodu, kas izskatīsies šādi:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Piezīme: Iepriekš minētais kods ir tikai piemērs. Jums jānokopē savs unikālais iegultais kods no sava Vadības paneļa, jo tas satur jūsu personīgo logrīka ID.

2. solis: Pievienojiet savam HTML failam

Vienkāršākais veids, kā pievienot tērzēšanas robotu, ir ielīmēt iegulto kodu tieši savā HTML failā:

Atveriet savu HTML failu teksta redaktorā
Atrodiet noslēdzošo </body> tagu
Ielīmējiet savu Asyntai iegulto kodu tieši pirms </body> taga
Saglabājiet failu

<!DOCTYPE html>
<html>
<head>
  <title>My Website</title>
</head>
<body>
  <!-- Your website content -->

  <!-- Asyntai Chatbot - Add before closing body tag -->
  <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</body>
</html>

Padoms: Skripta pievienošana pirms noslēdzošā </body> taga nodrošina, ka tas ielādējas pēc jūsu lapas satura, kas ir optimāli veiktspējai un nepalēninās jūsu lapu.

Daudzlapu tīmekļa vietnēm

Ja jūsu tīmekļa vietnei ir vairākas HTML lapas, jums ir vairākas opcijas:

A variants: Pievienot katrai lapai

Pievienojiet iegulto kodu katram HTML failam, kur vēlaties, lai tērzēšanas robots parādītos.

B variants: Izmantot kopīgu kājenes iekļaušanu

If you're using server-side includes (SSI), PHP includes, or similar:

Izveidojiet failu footer.html (vai footer.php)
Pievienojiet Asyntai iegulto kodu šim failam
Iekļaujiet šo kājenes failu visās savās lapās:
 <?php include 'footer.php'; ?>

C variants: JavaScript dinamiskā ielāde

Create a single JavaScript file that loads the chatbot on all pages:

Izveidojiet failu ar nosaukumu asyntai-loader.js:
(function() { var script = document.createElement('script'); script.async = true; script.src = 'https://asyntai.com/static/js/chat-widget.js'; script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID'); document.body.appendChild(script); })();
Aizstājiet YOUR_WIDGET_ID ar savu reālo logrīka ID
Iekļaujiet šo skriptu visās savās lapās:
<script src="/js/asyntai-loader.js"></script>

Statisko vietņu ģeneratoriem

Ja izmantojat statisko vietņu ģeneratoru, pievienojiet iegulto kodu savai bāzes izkārtojuma veidnei:

Jekyll

Pievienojiet _includes/footer.html vai _layouts/default.html

Hugo

Pievienojiet layouts/partials/footer.html vai layouts/_default/baseof.html

Gatsby

Add to gatsby-browser.js or use gatsby-ssr.js

Next.js

Pievienojiet pages/_document.js vai izmantojiet next/script komponentu

Nuxt.js

Pievienojiet nuxt.config.js zem head.script

Eleventy (11ty)

Pievienojiet savai bāzes izkārtojuma veidnei _includes/

Astro

Pievienojiet src/layouts/Layout.astro pirms </body>

VuePress

Pievienojiet .vuepress/config.js zem head

React / Vue / Angular lietotnēm

Vienas lapas lietojumprogrammām (SPA) varat pievienot skriptu savam index.html vai ielādēt to dinamiski:

React (index.html metode)

<!-- In public/index.html, before </body> -->
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

React (useEffect metode)

// In your App.js or a component
useEffect(() => {
  const script = document.createElement('script');
  script.src = 'https://asyntai.com/static/js/chat-widget.js';
  script.async = true;
  script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
  document.body.appendChild(script);
  return () => document.body.removeChild(script);
}, []);

Vue (main.js vai App.vue)

// In mounted() or onMounted()
const script = document.createElement('script');
script.src = 'https://asyntai.com/static/js/chat-widget.js';
script.async = true;
script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
document.body.appendChild(script);

Angular (index.html)

<!-- In src/index.html, before </body> -->
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

3. solis: Pārbaudiet instalēšanu

Pēc koda pievienošanas atveriet savu tīmekļa vietni jaunā pārlūkprogrammas cilnē vai inkognito logā. Jums vajadzētu redzēt tērzēšanas logrīka pogu apakšējā labajā stūrī. Noklikšķiniet uz tās, lai pārliecinātos, ka tā atveras un darbojas pareizi.

Neredzat logrīku? Pārbaudiet, vai skripts ir pareizi novietots pirms </body> taga. Pārliecinieties, ka pārlūkprogrammas konsolē nav JavaScript kļūdu (nospiediet F12, lai atvērtu izstrādātāja rīkus). Mēģiniet notīrīt pārlūkprogrammas kešatmiņu vai skatīt inkognito logā.

Svarīgi: Tērzēšanas robotam nepieciešams, lai jūsu tīmekļa vietne tiktu servēta caur HTTP vai HTTPS (nevis atvērta tieši kā fails). Ja testējat lokāli, izmantojiet lokālo izstrādes serveri.

Dokumentācija