Opties voor Visual Experience Composer

Wanneer u op een pagina-element klikt in het dialoogvenster Adobe Target Visual Experience Composer (VEC), toont een menu de opties die voor dat elementtype beschikbaar zijn. Bovendien wordt onder aan de pagina een DOM-pad weergegeven waarmee u gemakkelijk door de paginastructuur kunt navigeren.

De verschillende Visual Experience Composer (VEC) Acties worden gegroepeerd in de juiste menuopties om uw taak sneller en efficiënter te maken:

Edit

De volgende opties zijn beschikbaar:

Text/HTML edit-text-html

Wijzig de HTML-code voor het element, zoals de tekst voor een tekstgebied, knop of koppeling.

Naast HTML-code kunt u aangepaste JavaScript bewerken en injecteren.

Er zijn verschillende opties voor tekstopmaak beschikbaar wanneer u tekst en HTML bewerkt voor A/B en Experience Targeting activiteiten. U kunt een lettertype kiezen, een lettertypestijl selecteren, de tekstuitlijning wijzigen en andere standaardopties voor tekstopmaak opgeven. Wanneer u HTML wijzigt, kunt u schakelen tussen de codeweergave en de rijke bewerkingsweergave van de HTML.

De volgende HTML5-tags kunnen worden genest:

Background Color

Gebruik de kleurkiezer om een achtergrondkleur te selecteren of te configureren. U kunt een kleurstaal selecteren en dit aanpassen met RGB-waarden of kleurhexcodes. De rode x in de kleurkiezer maakt de achtergrond transparant.

Opmerking: Deze optie is niet beschikbaar voor een element waarbij een achtergrondafbeelding is ingesteld.

Styles styles

Gebruik de Styles om de waarde van bestaande stijlen voor het geselecteerde element weer te geven of te bewerken. U kunt ook extra stijlen toevoegen.

Om toegang te krijgen tot Styles klikt u in het deelvenster VEC op een pagina-element en vervolgens klikt u op Edit > Styles.

De Styles aan de rechterkant van de VEC. Het deelvenster bevat een lijst met stijlen waarmee u het geselecteerde element kunt bewerken of uitbreiden. Met een real-time CSS-editor kunt u wijzigingen weergeven en stijlen toevoegen als u dit comfortabel vindt met CSS (Cascading Style Sheets) of als u code van uw ontwikkelaar ontvangt.

Als u verschillende stijlen toepast, kunt u de wijzigingen altijd herstellen door op de knop Revert pictogram dat in de rechterbovenhoek van Styles nadat u een sectie hebt gewijzigd. Klik op de knop Revert worden alle wijzigingen in het deelvenster van de huidige sectie hersteld.

Breid elke sectie uit om stijlen te bewerken of toe te voegen, zoals hieronder wordt uitgelegd. Als u de wijzigingen wilt opslaan, klikt u op de knop Back om terug te keren naar de hoofdweergave van het deelvenster en vervolgens op Save.

Blauwe stippen in het hoofddeelvenster en naast elke optie in de verschillende sectiedeelvensters geven aan dat u de bijbehorende stijlen hebt gewijzigd. Met deze visuele indicator kunt u gemakkelijk uw wijzigingen bekijken voordat u op Save.

CSS Class

Geef de vooraf gedefinieerde CSS-klasse op die voor het element wordt gebruikt. Als er meer dan één element is geselecteerd, scheidt u meerdere CSS-klassen met een spatie.

Beschikbaar voor A/B, Automated Personalization, en Multivariate Test activiteiten.

Link

Wijzig de URL in de koppeling.

Gebruik Koppeling bewerken om de kiezer bij te werken zodat deze naar hetzelfde afbeeldingselement wijst. Koppelingen naar een ander afbeeldingselement worden echter niet ondersteund. Als u een koppeling wilt maken naar een ander afbeeldingselement, verwijdert u de oorspronkelijke handeling uit de code-editor en gebruikt u de opdracht Visual Experience Composer om de handeling toe te passen op het andere afbeeldingselement.

Insert Before

De volgende opties zijn beschikbaar:

Offer Decision

Een voorstel gemaakt in Adobe Journey Optimizer om de beste aanbieding en ervaring aan uw klanten te presenteren die offer decisioning gebruiken.

Opmerking: Deze optie is beschikbaar bij het bewerken of maken van handmatig A/B Test of Experience Targeting (XT) alleen activiteiten. Deze optie is niet beschikbaar voor andere typen activiteiten.

Zie voor meer informatie Besluiten over aanbiedingen gebruiken.

Image, HTML, en Text

Voeg om het even welk soort element aan uw pagina naast het wijzigen van bestaande inhoud toe. Voeg tekst, code, lijsten en meer toe om geheel verschillende ervaringen te maken die u wilt testen.

Selecteer een element op de pagina en klik op Insert Before en kiest u of u een afbeelding, HTML of tekst wilt invoegen. Het ingevoegde element wordt vóór het geselecteerde element weergegeven.

Het gedrag van het ingevoegde element is afhankelijk van de structuur van de pagina, uw CSS en andere opties voor paginaconfiguratie. Geldige HTML is vereist om de pagina correct weer te geven. Test de pagina altijd nadat u een item hebt ingevoegd om er zeker van te zijn dat het er naar behoren uitziet.

Recommendations supports Insert Before de inhoud van DIV-, SECTION- en ARTIKEL-tags.

Opmerking: Als u een afbeelding invoegt, moet u Adobe Scene7 Publishing System is ingeschakeld, zodat u toegang hebt tot de afbeeldingsbibliotheek.

Aanbeveling

Neem aanbevelingen op in A/B-testactiviteiten (inclusief Automatische toewijzing en Auto-Target) en Gericht op ervaring (XT). Zie voor meer informatie Recommendations als voorstel.

Experience Fragment

Ervaringsfragmenten invoegen die zijn gemaakt in Adobe Experience Manager (AEM) in Target activiteiten ter bevordering van optimalisatie of personalisatie. Zie voor meer informatie Fragmenten voor AEM.

Insert After

De volgende opties zijn beschikbaar:

Offer Decision

Een voorstel gemaakt in Adobe Journey Optimizer om de beste aanbieding en ervaring aan uw klanten te presenteren die offer decisioning gebruiken.

Opmerking: Deze optie is beschikbaar bij het bewerken of maken van handmatig A/B Test of Experience Targeting (XT) alleen activiteiten. Deze optie is niet beschikbaar voor andere typen activiteiten.

Zie voor meer informatie Besluiten over aanbiedingen gebruiken.

Image, HTML, en Text

Voeg om het even welk soort element aan uw pagina naast het wijzigen van bestaande inhoud toe. Voeg tekst, code, lijsten en meer toe om geheel verschillende ervaringen te maken die u wilt testen.

Selecteer een element op de pagina en klik op Insert After en kiest u of u een afbeelding, HTML of tekst wilt invoegen. Het ingevoegde element verschijnt na het geselecteerde element.

Het gedrag van het ingevoegde element is afhankelijk van de structuur van de pagina, uw CSS en andere opties voor paginaconfiguratie. Geldige HTML is vereist om de pagina correct weer te geven. Test de pagina altijd nadat u een item hebt ingevoegd om er zeker van te zijn dat het er naar behoren uitziet.

Recommendations supports Insert After de inhoud van DIV-, SECTION- en ARTIKEL-tags.

Opmerking: Als u een afbeelding invoegt, moet u Adobe Scene7 Publishing System is ingeschakeld, zodat u toegang hebt tot de afbeeldingsbibliotheek.

Aanbeveling

Neem aanbevelingen op in A/B-testactiviteiten (inclusief Automatische toewijzing en Auto-Target) en Gericht op ervaring (XT). Zie voor meer informatie Recommendations als voorstel.

Experience Fragment

Ervaringsfragmenten invoegen die zijn gemaakt in Adobe Experience Manager (AEM) in Target activiteiten ter bevordering van optimalisatie of personalisatie. Zie voor meer informatie Fragmenten voor AEM.

Replace Content

De volgende opties zijn beschikbaar:

Offer Decision

Een voorstel gemaakt in Adobe Journey Optimizer om de beste aanbieding en ervaring aan uw klanten te presenteren die offer decisioning gebruiken.

Opmerking: Deze optie is beschikbaar bij het bewerken of maken van handmatig A/B Test of Experience Targeting (XT) alleen activiteiten. Deze optie is niet beschikbaar voor andere typen activiteiten.

Zie voor meer informatie Besluiten over aanbiedingen gebruiken.

Image

Selecteer een andere afbeelding in de inhoudsbibliotheek. Tot de afbeeldingen die u kunt wisselen, behoren de afbeeldingen die naar de map Experience Cloud Assets zijn geüpload of die in de inhoudsbibliotheek in Doel zijn geüpload.

Tijdens het maken van de eerste activiteit is de weergegeven URL niet de URL die voor levering wordt gebruikt. Bij het synchroniseren van activiteiten wordt die URL bijgewerkt naar een productie-Scene7-URL.

De eerste URL kan er bijvoorbeeld als volgt uitzien:

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

Na het synchroniseren van activiteiten, zou de levering URL als het volgende voorbeeld kunnen kijken:

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

Recommendations biedt ondersteuning voor Vervangen door in DIV-, SECTION- en ARTIKEL-tags.

Opmerking: Voor het wisselen van afbeeldingen is een Adobe Scene7 Publishing System-account vereist.

HTML Offer

Selecteer een ander voorstel van de Content Library.

Opmerking: HTML-aanbiedingen worden opgeslagen op Target servers.

Een HTML-aanbieding kan maximaal 256 kB bedragen.

Aanbeveling

Neem aanbevelingen op in A/B-testactiviteiten (inclusief Automatische toewijzing en Auto-Target) en Gericht op ervaring (XT). Zie voor meer informatie Recommendations als voorstel.

Experience Fragment

Ervaringsfragmenten invoegen die zijn gemaakt in Adobe Experience Manager (AEM) in Target activiteiten ter bevordering van optimalisatie of personalisatie. Zie voor meer informatie Fragmenten voor AEM.

Layout

De volgende opties zijn beschikbaar:

Rearrange

Sleep het element naar een andere locatie binnen hetzelfde bovenliggende element of DIV. Andere elementen verschuiven de locatie om ruimte te maken voor het opnieuw gerangschikte element.

Opmerking: Klikken en bijhouden werkt niet bij opnieuw gerangschikte items.

Momenteel, bepaalde acties VEC, zoals Rearrange en Move, veronderstellen dat de elementen van de bron en bestemmingsouder elementen volledig worden geladen. Als lazy het laden onder de ouderelementen DOM (bron of bestemming) voorkomt, kunnen deze acties VEC inconsistent gedrag veroorzaken. We werken aan een betrouwbaardere benadering om VEC-acties te laten werken in lui geladen DOM-elementen. Als tijdelijke oplossing kunt u Custom Code in deze scenario's om uw ervaringen terug te geven.

Resize

Wijzig de grootte van een element op de pagina. Wanneer u Resize, wordt een handgreep weergegeven in de rechterbenedenhoek van het element waarmee u die hoek kunt slepen om het formaat te wijzigen. Houd Shift ingedrukt als u dezelfde hoogte-breedteverhouding wilt behouden.

Opmerking: Inline-elementen kunnen niet worden vergroot of verkleind.

Move move

Verplaats elementen op de pagina. In tegenstelling tot Rearrange optie, Move verschuift andere elementen niet om ruimte te maken voor het element dat wordt verplaatst. Gebruik de pijltoetsen om de verplaatsing te verfijnen. (Geplande verbetering: ondersteuning om ervoor te zorgen dat verplaatste elementen niet achter andere elementen worden verborgen.)

In bepaalde situaties, bijvoorbeeld wanneer een CSS-beperking vereist dat een element binnen het bovenliggende element blijft, kunt u het element niet buiten het bovenliggende element plaatsen. Een element kan niet worden verplaatst buiten een container met de volgende CSS-eigenschap: overflow: hidden.

Zie Rearrange voor meer informatie over inconsequent gedrag met de Move en Rearrange handelingen als gevolg van het uitgestelde laden van DOM-elementen.

Hide

Verberg het element. De witruimte blijft behouden, maar de inhoud wordt verwijderd.

Remove

Verwijder het element. De witruimte achter de afbeelding wordt verwijderd en de ruimte waar het element is samengevouwen.

Opmerking: Items in een 'klassieke' box (een box die is gemaakt in een campagne voor 'klassieke inhoud' van Target) kunnen met deze optie niet worden verwijderd.

Expand Section

Selecteer naast het oorspronkelijk geselecteerde element ook het bovenliggende element. Wanneer u een bovenliggend element selecteert, worden alle onderliggende elementen van dat element automatisch geselecteerd. U kunt de selectie meerdere keren uitbreiden.

Navigate to Link

Open de bestemming van de koppeling.

Undo/Redo

Wijzigingen die u tijdens een bewerkingssessie in uw activiteiten aanbrengt, ongedaan maken. U kunt ook wijzigingen opnieuw uitvoeren die eerder ongedaan zijn gemaakt.

Overwegingen considerations

Ondersteuning voor aangepaste elementen custom

De steun VEC Webcomponenten om persoonlijke ervaringen en aanbiedingen op aangepaste elementen en op elementen in aangepaste elementen te maken en te testen. Deze functionaliteit is beschikbaar in de VEC voor alle Target typen activiteiten.

De meeste acties VEC worden gesteund op douanegebeurtenissen en binnen douanegebeurtenissen, met de volgende uitzonderingen:

De volgende acties zijn niet beschikbaar voor aangepaste elementen:

De volgende actie is niet beschikbaar in aangepaste elementen:

Navigeren door elementen met het DOM-pad dom-path

Wanneer u een element op de pagina klikt, toont het VEC optiesmenu. Wanneer u op een element klikt, wordt bovendien het bijbehorende DOM-pad onder aan de pagina weergegeven.

U kunt het DOM-pad gebruiken om snel informatie over het geselecteerde element (type, id en klasse) weer te geven en het DOM-pad omhoog of omlaag te verplaatsen om het gewenste element te selecteren.

Wanneer u de cursor op het DOM-pad plaatst, wordt het bijbehorende element in de VEC gemarkeerd met een blauw vak. Wanneer u op het element klikt, wordt het element gemarkeerd met een oranje vak en wordt het menu VEC-opties weergegeven, zoals hierboven wordt uitgelegd.

U kunt gemakkelijk aan om het even welk ouder, sibling, of kindelement binnen VEC navigeren gebruikend de weg DOM.

De DOM-padfunctie is ook beschikbaar bij het instellen klikken op bijhouden.