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.)

Målflöde med at.js 2.x

Steg
Information
1
Samtalet returnerar Experience Cloud ID om användaren är autentiserad. Ett annat anrop synkroniserar kund-ID:t.
2
At.js-biblioteket läses in synkront och döljer dokumentets brödtext.
at.js kan också läsas in asynkront med ett valfritt predhide-fragment implementerat på sidan.
3
En sidinläsningsbegäran görs med alla konfigurerade parametrar (MCID, SDID och kund-ID).
4
Profilskript körs och matas sedan in i Profile Store. The Stobegär kvalificerade målgrupper från Audience Library (till exempel målgrupper som delas från Adobe Analytics, Audience Manager, osv.).
Kundattribut skickas till Profile Store i en gruppbearbetning.
5
Baserat på parametrar för URL-begäran och profildata, Target bestämmer vilka aktiviteter och upplevelser som ska återsändas till besökaren för den aktuella sidan och framtida vyer.
6
Målinriktat innehåll skickas tillbaka till sidan, eventuellt med profilvärden för ytterligare personalisering.
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().
7
Analysdata skickas till Data Collection servrar.
8
Måldata matchas mot analysdata via SDID och bearbetas i Analytics rapporterar lagring.
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.)

Målflöde at.js 2.x triggerView

Steg
Information
1
triggerView() anropas i SPA för att återge View och använda åtgärder för att ändra visuella element.
2
Målinnehåll för vyn läses från cachen.
3
Målinriktat innehåll visas så snabbt som möjligt utan att man behöver flimra standardinnehållet.
4
Begäran om meddelande skickas till Target Profile Store för att räkna besökaren i aktivitet och ökningsmått.
5
Analytics data skickade till Data Collection Servers.
6
Target data matchas mot Analytics data via SDID och bearbetas till Analytics rapporterar lagring. Analytics data kan sedan visas i båda Analytics och Target via A4T-rapporter.

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.)

Målflöde vid .js 1.x

Steg
Beskrivning
Utlysning
Beskrivning
1
Samtalet returnerar Experience Cloud-ID (MCID) om användaren är autentiserad. Ett annat anrop synkroniserar kund-ID:t.
2
At.js-biblioteket läses in synkront och döljer dokumentets brödtext.
3
En global mbox-begäran görs med alla konfigurerade parametrar, MCID, SDID och kund-ID (valfritt).
4
Profilskript körs och matas sedan in i profilarkivet. Store begär kvalificerade målgrupper från Audience Library (till exempel målgrupper som delas från Adobe Analytics, Audience Manager).
Kundattribut skickas till profilarkivet i en gruppbearbetning.
5
Baserat på URL, mbox-parametrar och profildata, Target bestämmer vilka aktiviteter och upplevelser som ska returneras till besökaren.
6
Målinriktat innehåll skickas tillbaka till sidan, och eventuellt även profilvärden för ytterligare personalisering.
Upplevelsen visas så snabbt som möjligt utan att man behöver flimra standardinnehållet.
7
Analysdata skickas till datainsamlingsservrar.
8
Måldata matchas mot Analytics-data via SDID och bearbetas till lagringsplatsen för analysrapporter.
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:

  1. Bilderna är förinlästa (om det finns några) <img> -taggar i HTML).

  2. HTML-innehåll är kopplat till DOM-noden.

  3. Textbundna skript körs (koden omges av <script> taggar).

  4. Fjärrskript läses in asynkront och körs (<script> taggar med src 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.
recommendation-more-help
6906415f-169c-422b-89d3-7118e147c4e3