Hantera webbändringar manage-web-modifications
Du kan enkelt hantera alla komponenter, justeringar och format som du har lagt till på webbsidan. Du kan också lägga till ändringar direkt från den dedikerade rutan.
Arbeta med rutan Ändringar use-modifications-pane
-
Markera ikonen Modifications om du vill visa motsvarande ruta till vänster.
-
Du kan granska alla ändringar du har gjort på sidan.
-
Markera en oönskad ändring och klicka på alternativet Delete modification från knappen More actions för att ta bort den.
note caution CAUTION Var försiktig när du tar bort en åtgärd eftersom den kan påverka efterföljande åtgärder. -
Om du vill ta bort flera ändringar samtidigt klickar du på knappen Select ovanpå rutan Modifications, markerar de ändringar du vill göra och klickar på ikonen Delete .
-
Använd knappen More actions ovanpå rutan Modifications om du vill ta bort alla ändringar samtidigt.
-
Du kan också bara ta bort de ogiltiga ändringarna, det vill säga de ändringar som åsidosatts av andra ändringar. Om du till exempel ändrar färgen på en text och sedan tar bort den texten, blir färgändringen ogiltig eftersom texten inte längre finns.
-
Du kan avbryta och göra om åtgärder med knappen Undo/Redo längst upp till höger på skärmen.
Klicka och håll ned knappen för att växla mellan alternativen Undo och Redo. Klicka sedan på själva knappen för att utföra den önskade åtgärden.
Lägg till ändringar från den dedikerade rutan add-modifications
När du redigerar en sida med webbdesignern kan du lägga till nya ändringar i innehållet direkt från rutan Modifications, utan att du behöver markera en komponent och redigera den i webbdesignergränssnittet. Följ stegen nedan.
CSS-väljare css-selector
Följ stegen nedan om du vill lägga till en CSS-väljartypändring.
-
Välj CSS Selector som ändringstyp.
-
Fältet CSS Element Selector hjälper dig att hitta och markera elementen (eller noderna i DOM-trädet) som du vill använda ändringarna på.
-
Välj en åtgärdstyp (Set Content eller Set Attribute) och fyll i den information/det innehåll som krävs.
-
Set Content: ange innehållet som placeras i elementet som identifieras av fältet CSS Element Selector.
-
Set Attribute: ange ett attribut som ska associeras med den aktuella CSS-väljaren så att den här väljaren sedan kan identifieras även av det här attributet. Om du vill göra det anger du ett namn i fältet Attribute name och ett värde i fältet Content. Om attributet redan finns uppdateras värdet. I annat fall läggs ett nytt attribut till med det angivna namnet och värdet.
-
Sida <head> page-head
Du kan lägga till anpassad kod med ändringstypen Page <head>.
Elementet <head> är en behållare för metadata (data om data) och placeras mellan taggen <html> och taggen <body>. I det här fallet väntar koden inte på body- eller page-load-händelser - den körs i början av sidinläsningen.
Elementet <head> används ofta för att lägga till JavaScript- eller CSS-kod högst upp på sidan. Väljare för efterföljande visuella åtgärder beror på vilka HTML-element som läggs till på den här fliken.
Följ stegen nedan om du vill lägga till en sidtypsändring<head>.
-
Välj Page
<head>som ändringstyp.
-
Lägg till din egen kod i rutan Content.
note caution CAUTION Du kan bara lägga till elementen <script>och<style>i avsnittet<head>. Om du lägger till<div>-taggar och andra element kan det leda till att återstående<head>-element visas i<body>. -
Klicka på knappen Advanced editing options. Anpassningsredigeraren öppnas.
Du kan utnyttja personaliseringsredigeraren Journey Optimizer med alla dess funktioner för personalisering och redigering. Läs mer
Exempel på anpassad kod custom-code-examples
Du kan använda ändringstypen Page <head> för att:
-
Använd JavaScript inline eller länka till en extern JavaScript-fil.
Om du till exempel vill ändra ett elements färg:
code language-none <script type="text/javascript"> document.getElementById("element_id").style.color = "blue"; </script> -
Konfigurera en infogad formatmall eller länka till en extern formatmall.
Så här definierar du en klass för ett övertäckningselement:
code language-none <style> .overlay { position: absolute; top:0; left: 0; right: 0; bottom: 0; background: red; } </style>
Bästa praxis för anpassad kod custom-code-best-practices
Exempel:
| code language-none |
|---|
|
Om några ändringar behövs gör du ändringarna i behållaren.
Om du inte behöver den anpassade koden längre lämnar du den här behållaren tom, men tar inte bort den. Detta säkerställer att andra upplevelseändringar inte påverkas.
<head><>för två kampanjer som påverkar samma URL.<head> för två kampanjer som påverkar samma URL, kommer JavaScript att matas in på sidan från båda kampanjerna. Journey Optimizer bestämmer automatiskt ordningen för det levererade innehållet. Kontrollera att koden inte är beroende av placering. Det är upp till dig att se till att det inte finns några konflikter i koden.