Alternativ för Visual Experience Composer

När du klickar på ett sidelement i Adobe Target Visual Experience Composer (VEC) visas de alternativ som är tillgängliga för den elementtypen på en meny. Dessutom visas en DOM-sökväg längst ned på sidan, så att du enkelt kan navigera i sidstrukturen.

De olika Visual Experience Composer-åtgärderna (VEC) grupperas i lämpliga menyalternativ för att göra jobbet snabbare och effektivare:

Edit

Följande alternativ är tillgängliga:

Text/HTML edit-text-html

Ändra HTML-koden för elementet, till exempel texten för ett textområde, en knapp eller en länk.

Förutom HTML-kod kan du redigera och mata in anpassad JavaScript.

Flera formateringsalternativ för formaterad text är tillgängliga när du redigerar text och HTML för A/B- och Experience Targeting-aktiviteter. Du kan välja ett teckensnitt, välja ett teckensnittsformat, ändra textjustering och andra standardalternativ för textformatering. När du ändrar HTML kan du växla mellan kodvyn och den avancerade redigeringsvyn för HTML.

Följande HTML5-taggar kan kapslas:

Background Color

Använd färgväljaren för att välja eller konfigurera en bakgrundsfärg. Du kan välja en färgruta och justera den med hjälp av RGB-värden eller färghexkoder. Det röda krysset i färgväljaren gör bakgrunden genomskinlig.

Obs! Det här alternativet är inte tillgängligt för ett element där en bakgrundsbild har angetts.

Styles styles

Använd panelen Styles om du vill visa eller redigera värdet för befintliga format för det markerade elementet. Du kan också lägga till ytterligare format.

Om du vill öppna panelen Styles klickar du på ett sidelement i VEC och sedan på Edit > Styles.

Panelen Styles visas till höger om VEC. Panelen innehåller en lista med format som du kan använda för att redigera eller lägga till i det markerade elementet. Med en CSS-redigerare i realtid kan du visa ändringar och lägga till format om du känner dig bekväm med att använda CSS (Cascading Style Sheets) eller om du tar emot kod från utvecklaren.

När du använder olika format kan du alltid återställa ändringarna genom att klicka på ikonen Revert som visas i det övre högra hörnet av panelen Styles när du har ändrat något avsnitt. Om du klickar på ikonen Revert återställs alla ändringar på panelen för det aktuella avsnittet.

Expandera varje avsnitt om du vill redigera eller lägga till format, vilket förklaras nedan. Om du vill spara ändringarna klickar du på ikonen Back längst upp på panelen för att gå tillbaka till panelens huvudvy och klickar sedan på Save.

De blå punkterna på huvudpanelen och bredvid varje alternativ på de olika avsnittspanelerna anger att du har ändrat motsvarande format. Den här visuella indikatorn gör det enkelt för dig att granska dina ändringar innan du klickar på Save.

CSS Class

Ange den fördefinierade CSS-klass som används för elementet. Om du har markerat mer än ett element avgränsar du flera CSS-klasser med ett blanksteg.

Tillgängligt för A/B-, Automated Personalization- och Multivariate Test-aktiviteter.

Link

Ändra URL-adressen i länken.

Använd Redigera länk för att uppdatera väljaren så att den pekar på samma bildelement. Det går dock inte att länka till ett annat bildelement. Om du vill länka till ett annat bildelement tar du bort den ursprungliga åtgärden från kodredigeraren och använder Visual Experience Composer för att tillämpa åtgärden på det andra bildelementet.

Insert Before

Följande alternativ är tillgängliga:

Offer Decision

Lägg till ett erbjudande som skapats i Adobe Journey Optimizer för att presentera det bästa erbjudandet och upplevelsen för dina kunder med hjälp av offer decisioning.

Obs! Det här alternativet är endast tillgängligt när du redigerar eller skapar manuella A/B Test - eller Experience Targeting (XT)-aktiviteter. Det här alternativet är inte tillgängligt för andra aktivitetstyper.

Mer information finns i Använda offertbeslut.

Image, HTML och Text

Lägg till vilket element som helst på sidan förutom att ändra befintligt innehåll. Lägg till text, kod, listor med mera för att skapa helt olika upplevelser att testa.

Markera ett element på sidan, klicka sedan på Insert Before och välj om du vill infoga en bild, HTML eller text. Det infogade elementet visas före det markerade elementet.

Det infogade elementets beteende beror på sidans struktur, CSS och andra sidkonfigurationsalternativ. Du måste ange HTML för att sidan ska visas korrekt. Testa alltid sidan när du har infogat ett objekt för att se till att den visas som förväntat.

Recommendations stöder Insert Before innehållet i DIV-, SECTION- och Article-taggar.

Obs! Om du infogar en bild måste Adobe Scene7 Publishing System vara aktiverat så att du har tillgång till bildbiblioteket.

Rekommendation

Inkludera rekommendationer i A/B-tester (inklusive Automatisk allokering och Automatiskt mål) och XT-aktiviteter (Experience Target). Mer information finns i Recommendations som erbjudande.

Experience Fragment

Infoga upplevelsefragment som har skapats i Adobe Experience Manager (AEM) i Target-aktiviteter för att underlätta optimering eller personalisering. Mer information finns i AEM Experience Fragments.

Insert After

Följande alternativ är tillgängliga:

Offer Decision

Lägg till ett erbjudande som skapats i Adobe Journey Optimizer för att presentera det bästa erbjudandet och upplevelsen för dina kunder med hjälp av offer decisioning.

Obs! Det här alternativet är endast tillgängligt när du redigerar eller skapar manuella A/B Test - eller Experience Targeting (XT)-aktiviteter. Det här alternativet är inte tillgängligt för andra aktivitetstyper.

Mer information finns i Använda offertbeslut.

Image, HTML och Text

Lägg till vilket element som helst på sidan förutom att ändra befintligt innehåll. Lägg till text, kod, listor med mera för att skapa helt olika upplevelser att testa.

Markera ett element på sidan, klicka sedan på Insert After och välj om du vill infoga en bild, HTML eller text. Det infogade elementet visas efter det markerade elementet.

Det infogade elementets beteende beror på sidans struktur, CSS och andra sidkonfigurationsalternativ. Du måste ange HTML för att sidan ska visas korrekt. Testa alltid sidan när du har infogat ett objekt för att se till att den visas som förväntat.

Recommendations stöder Insert After innehållet i DIV-, SECTION- och Article-taggar.

Obs! Om du infogar en bild måste Adobe Scene7 Publishing System vara aktiverat så att du har tillgång till bildbiblioteket.

Rekommendation

Inkludera rekommendationer i A/B-tester (inklusive Automatisk allokering och Automatiskt mål) och XT-aktiviteter (Experience Target). Mer information finns i Recommendations som erbjudande.

Experience Fragment

Infoga upplevelsefragment som har skapats i Adobe Experience Manager (AEM) i Target-aktiviteter för att underlätta optimering eller personalisering. Mer information finns i AEM Experience Fragments.

Replace Content

Följande alternativ är tillgängliga:

Offer Decision

Lägg till ett erbjudande som skapats i Adobe Journey Optimizer för att presentera det bästa erbjudandet och upplevelsen för dina kunder med hjälp av offer decisioning.

Obs! Det här alternativet är endast tillgängligt när du redigerar eller skapar manuella A/B Test - eller Experience Targeting (XT)-aktiviteter. Det här alternativet är inte tillgängligt för andra aktivitetstyper.

Mer information finns i Använda offertbeslut.

Image

Välj en annan bild i innehållsbiblioteket. De bilder som är tillgängliga för växling omfattar de bilder som har överförts till resursmappen Experience Cloud eller som har överförts till innehållsbiblioteket i Target.

När den inledande aktiviteten skapas är den URL som visas inte den URL som används för leverans. Vid aktivitetssynkronisering uppdateras den URL:en till en Scene7-produktionswebbadress.

Den inledande URL:en kan till exempel se ut som i följande exempel:

https://test.marketing.adobe.com/content/dam/mac/scholasticinc/Aug_MBM.jpeg?ch_ck=1470774943867

Efter aktivitetssynkronisering kan leverans-URL:en se ut som i följande exempel:

http://s7d2.scene7.com/is/image/TargetTest/Aug_MBM?tm=1470768352933&fit=constrain&hei=173&wid=300

Recommendations stöder Ersätt med i DIV-, SECTION- och Article-taggar.

Obs! Byte av bilder kräver ett Adobe Scene7 Publishing System-konto.

HTML Offer

Välj ett annat erbjudande från Content Library.

Obs! HTML-erbjudanden lagras på Target servrar.

Ett HTML-erbjudande kan vara upp till 256 kB.

Rekommendation

Inkludera rekommendationer i A/B-tester (inklusive Automatisk allokering och Automatiskt mål) och XT-aktiviteter (Experience Target). Mer information finns i Recommendations som erbjudande.

Experience Fragment

Infoga upplevelsefragment som har skapats i Adobe Experience Manager (AEM) i Target-aktiviteter för att underlätta optimering eller personalisering. Mer information finns i AEM Experience Fragments.

Layout

Följande alternativ är tillgängliga:

Rearrange

Dra elementet till en annan plats inuti samma överordnade element eller DIV. Andra element flyttas för att skapa utrymme för det omordnade elementet.

Obs! Klickspårning fungerar inte för omsorterade objekt.

För närvarande antar vissa VEC-åtgärder, som Rearrange och Move, att elementen på samma nivå i de överordnade källelementen och målelementen är helt inlästa. Om lat inläsningsbeteende inträffar under det överordnade DOM-elementet (källa eller mål) kan dessa VEC-åtgärder orsaka inkonsekvent beteende. Vi arbetar på en mer tillförlitlig strategi för att få VEC-åtgärder att fungera i lazy-fyllda DOM-element. Som en tillfällig lösning kan du använda Custom Code i de här scenarierna för att återge dina upplevelser.

Resize

Ändra storlek på ett element på sidan. När du väljer Resize visas ett handtag i elementets nedre högra hörn som du kan dra i hörnet för att ändra storlek på. Håll ned Skift om du vill behålla samma proportioner.

Obs! Det går inte att ändra storlek på infogade element.

Move move

Flytta element på sidan. Till skillnad från alternativet Rearrange flyttas inte andra element i Move för att ge plats åt det element som flyttas. Använd piltangenterna för att finjustera flyttningen. (Planerad förbättring: stöd för att säkerställa att flyttade element inte döljs bakom andra element.)

I vissa situationer, t.ex. när en CSS-begränsning kräver att ett element ska finnas i det överordnade elementet, kan du inte flytta elementet utanför det överordnade elementet. Ett element kan inte flyttas utanför en behållare som har följande CSS-egenskap: overflow: hidden.

Se Rearrange ovan för mer information om inkonsekvent beteende med Move och Rearrange åtgärder på grund av lat inläsande av DOM-element.

Hide

Dölj elementet. Det tomma utrymmet återstår, men innehållet tas bort.

Remove

Ta bort elementet. Det tomma utrymmet bakom bilden tas bort och det utrymme där elementet var komprimerat.

Obs! Det går inte att ta bort objekt i en klassisk mbox (en mbox som skapats i en Target Classic-kampanj) med det här alternativet.

Expand Section

Markera det överordnade elementet förutom det ursprungligen markerade elementet. När du markerar ett överordnat element markeras alla underordnade element automatiskt. Du kan expandera markeringen flera gånger.

Navigate to Link

Öppna länkens mål.

Undo/Redo

Ångra ändringar du gör i dina aktiviteter under en redigeringssession. Du kan också göra om ändringar som tidigare har ångrats.

Överväganden considerations

Stöd för anpassade element custom

VEC har stöd för webbkomponenter så att du kan skapa och testa personaliserade upplevelser och erbjudanden för anpassade element och för element inuti anpassade element. Den här funktionen är tillgänglig i VEC för alla Target aktivitetstyper.

De flesta VEC-åtgärder stöds för anpassade händelser och i anpassade händelser, med följande undantag:

Följande åtgärder är inte tillgängliga för anpassade element:

Följande åtgärd är inte tillgänglig i anpassade element:

Navigera mellan element med DOM-sökvägen dom-path

När du klickar på ett element på sidan visas VEC-alternativmenyn. När du klickar på ett element visas dessutom motsvarande DOM-sökväg längst ned på sidan.

Du kan använda DOM-sökvägen för att snabbt visa information om det markerade elementet (typ, ID och klass) och flytta upp eller ned DOM-sökvägen för att markera det önskade elementet.

När du hovrar över DOM-banan markeras motsvarande element i VEC med en blå ruta. När du klickar på elementet markeras elementet med en orange ruta och VEC-alternativmenyn visas, vilket förklaras ovan.

Du kan enkelt navigera till alla överordnade, jämställda eller underordnade element inom VEC med DOM-sökvägen.

DOM-sökvägsfunktionen är också tillgänglig när du konfigurerar klickspårning.