Kā pievienot Asyntai MI tērzēšanas robotu Adobe Experience Manager

Soli pa solim ceļvedis AEM tīmekļa vietnēm

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 kodu, izmantojot lapas komponentu (ieteicams)

Ieteicamā metode ir pievienot tērzēšanas robota kodu jūsu AEM lapas komponenta galvenes sadaļai visas vietnes instalēšanai:

Piesakieties savā AEM autora instancē
Pārejiet uz CRXDE Lite (parasti http://your-aem-instance:4502/crx/de)
Atrodiet savu lapas komponenta veidni (parasti zem /apps/your-project/components/page)
Atrodiet vai izveidojiet failu head.html vai headerlibs.html
Pievienojiet savu Asyntai iegulto kodu šim failam
Noklikšķiniet uz "Saglabāt visu" augšējā izvēlnē
Replicējiet izmaiņas uz savu publicēšanas instanci

Padoms: Koda ievietošana head.html failā nodrošina, ka tērzēšanas robots parādās visās lapās, kas izmanto šo veidni. Šī ir tīrākā pieeja visas vietnes instalēšanai.

Alternatīvā metode 1: Klienta bibliotēkas (ClientLibs)

Strukturētākai pieejai varat izmantot AEM klienta bibliotēku sistēmu:

Izveidojiet jaunu klienta bibliotēkas mapi zem /apps/your-project/clientlibs
Iestatiet mezgla tipu cq:clientLibraryFolder
Izveidojiet js.txt failu, kurā uzskaitīti jūsu JavaScript faili
Pievienojiet savu Asyntai iegulto kodu JavaScript failam šajā mapē
Iekļaujiet klienta bibliotēku savā lapas komponentā, izmantojot:

<sly data-sly-use.clientlib="/libs/granite/sightly/templates/clientlib.html"
     data-sly-call="${clientlib.js @ categories='your-category-name'}" />

Piezīme: Šī metode ir ieteicama projektiem ar esošu ClientLib struktūru un nodrošina labāku organizāciju lielākām implementācijām.

Alternatīvā metode 2: Tagu pārvaldība (Adobe Launch)

Ja izmantojat Adobe Launch (iepriekš DTM) vai citu tagu pārvaldnieku:

Piesakieties Adobe Experience Platform Launch
Pārejiet uz savu īpašumu
Dodieties uz Rules un izveidojiet jaunu noteikumu
Iestatiet notikumu uz "Page Bottom" vai "DOM Ready"
Pievienojiet darbību: Custom Code
Ielīmējiet savu Asyntai iegulto kodu
Saglabājiet un publicējiet bibliotēku

Padoms: Adobe Launch izmantošana ir Adobe ieteiktā pieeja trešo pušu skriptu pievienošanai. Tā nodrošina labāku kontroli, testēšanas iespējas un neprasa koda izvietošanu.

Alternatīvā metode 3: Pieredzes fragments

Elastīgai, autoram draudzīgai implementācijai:

Pārejiet uz Experience Fragments AEM
Izveidojiet jaunu pieredzes fragmentu
Pievienojiet teksta komponentu vai HTML komponentu
Pārslēdzieties uz HTML avota režīmu
Ielīmējiet savu Asyntai iegulto kodu
Iekļaujiet šo pieredzes fragmentu savas lapas veidnes kājenē

Svarīgi: Pārliecinieties, ka jums ir pareizas AEM atļaujas veidņu un komponentu modificēšanai. AEM kā mākoņpakalpojumam izmaiņām var būt jāiziet caur jūsu CI/CD cauruļvadu.

3. solis: Pārbaudiet instalēšanu

Pēc izmaiņu izvietošanas notīriet pārlūkprogrammas kešatmiņu un apmeklējiet savu tīmekļa vietni. 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 pārlūkprogrammas konsoli (F12), vai nav JavaScript kļūdu. Pārliecinieties, ka kods tika pareizi izvietots jūsu publicēšanas instancē. AEM kā mākoņpakalpojumam pārliecinieties, ka jūsu izmaiņas veiksmīgi izgāja caur izvietošanas cauruļvadu.