Hur at.js fungerar
Att implementera Adobe Target på klientsidan måste du använda JavaScript-biblioteket at.js.
I en implementering på klientsidan av Adobe Target, Target levererar upplevelserna som är kopplade till en aktivitet direkt till klientwebbläsaren. Webbläsaren avgör vilken upplevelse som ska visas och visar den. Med en implementering på klientsidan kan du använda en WYSIWYG-redigerare, Visual Experience Composer (VEC), eller ett icke-visuellt gränssnitt, Formulärbaserad Experience Composer, för att skapa test- och personaliseringsupplevelser.
Vad är at.js?
at.js-biblioteket är implementeringsbiblioteket för implementering på klientsidan av Adobe Target. at.js-biblioteket ger bättre sidladdningstider för webbimplementeringar och ger bättre implementeringsalternativ för enkelsidiga program. at.js är det rekommenderade implementeringsbiblioteket och uppdateras ofta med nya funktioner. Vi rekommenderar att alla kunder implementerar eller migrerar till senaste versionen av at.js.
Mer information finns i Mål-JavaScript-bibliotek.
I Targetimplementering som visas nedan, implementeras följande Adobe Experience Cloud-lösningar: Analytics, Target och Audience Manager. Dessutom följer följande Experience Cloud bastjänsterna implementeras: Adobe Experience Platform, Audiencesoch Visitor ID Service.
Vad är skillnaden mellan at.js 1?x och arbetsflödesdiagram i at.js 2.x?
Se Uppgradera från at.js 1.x till at.js 2.x för mer information om skillnaderna som introducerades i 2.O från 1.x.
Från en högnivåvy finns det några skillnader mellan de två versionerna:
- at.js 2.x har inte något globalt koncept för mbox-begäran utan snarare en sidinläsningsbegäran. En sidladdningsbegäran kan visas som en begäran om hämtning av innehåll som ska användas vid den första sidladdningen på webbplatsen.
- at.js 2.x hanterar koncept som kallas Views, som används för program med en sida (SPA). at.js 1.x är inte medveten om detta koncept.
at.js 2.x-diagram
Följande diagram hjälper dig att förstå arbetsflödet i at.js 2.x med Views och hur detta förbättrar SPA. Om du vill få en bättre introduktion till de koncept som används i at.js 2.x kan du läsa Implementering av Single Page-program.
(Klicka på bilden för att expandera till full bredd.)
{modal="regular"}
at.js kan också läsas in asynkront med ett valfritt predhide-fragment implementerat på sidan.
Kundattribut skickas till Profile Store i en gruppbearbetning.
Målinriktat innehåll på den aktuella sidan visas så snabbt som möjligt utan att du behöver flimra standardinnehållet.
Målanpassat innehåll för vyer som visas som ett resultat av användaråtgärder i en SPA cachelagras i webbläsaren så att det kan tillämpas direkt utan ett extra serveranrop när vyerna aktiveras via
triggerView()
.Analytics data kan sedan visas i båda Analytics och Target via (A4T)-rapporter.
Nu, var som helst triggerView()
implementeras på din SPA Views och åtgärderna hämtas från cache och visas för användaren utan ett serveranrop. triggerView()
skickar även en meddelandebegäran till Target för att öka och registrera antalet intryckta. Mer information om at.js för SPA med vyer finns i Implementering av Single Page-program.
(Klicka på bilden för att expandera till full bredd.)
{modal="regular"}
triggerView()
anropas i SPA för att återge View och använda åtgärder för att ändra visuella element.Video - at.js 2.x - arkitekturdiagram
at.js 2.x förbättrar Adobe Target stöd för SPA och kan integreras med andra Experience Cloud-lösningar. Den här videon förklarar hur allt hänger ihop.
Se Så här fungerar at.js 2.x för mer information.
at.js 1.x-diagram
Följande diagram hjälper dig att förstå arbetsflödet i at.js 1.x.
(Klicka på bilden för att expandera till full bredd.)
{modal="regular"}
Kundattribut skickas till profilarkivet i en gruppbearbetning.
Upplevelsen visas så snabbt som möjligt utan att man behöver flimra standardinnehållet.
Analysdata kan sedan visas både i Analytics och Target via Analytics for Target (A4T)-rapporter.
Video - kontorstid: tips och översikt (26 juni 2019)
Den här videon är en inspelning av "Office Hours", ett projekt som leds av Adobe Customer Care team.
- Fördelar med att använda at.js
- at.js-inställningar
- Hantering av flimmer
- Felsöka på.js
- Kända fel
- Vanliga frågor
How at.js renders offers with HTML content
Vid återgivning av erbjudanden med HTML-innehåll använder at.js följande algoritm:
-
Bilderna är förinlästa (om det finns några)
<img>
-taggar i HTML). -
HTML-innehåll är kopplat till DOM-noden.
-
Textbundna skript körs (koden omges av
<script>
taggar). -
Fjärrskript läses in asynkront och körs (
<script>
taggar medsrc
attribut).
Viktigt:
- at.js ger inga garantier i ordningen för fjärrexekvering av skript eftersom dessa läses in asynkront.
- Textbundna skript får inte ha några beroenden till fjärrskript eftersom de läses in och körs senare.