Webwijzigingen beheren manage-web-modifications
U kunt eenvoudig alle componenten, aanpassingen en stijlen beheren die u aan uw webpagina hebt toegevoegd. U kunt wijzigingen ook rechtstreeks vanuit het desbetreffende deelvenster toevoegen.
Werken met het venster Wijzigingen use-modifications-pane
-
Selecteer de Modifications pictogram om het corresponderende venster links weer te geven.
-
U kunt alle wijzigingen bekijken die u op de pagina hebt aangebracht.
-
Selecteer een ongewenste wijziging en klik op de knop Delete modification van de More actions om deze te verwijderen.
note caution CAUTION Ga voorzichtig te werk wanneer u een actie verwijdert, aangezien dit van invloed kan zijn op volgende acties. -
Als u meerdere wijzigingen tegelijk wilt verwijderen, klikt u op de knop Select boven op de knop Modifications , controleert u de gewenste wijzigingen en klikt u op de knop Delete pictogram.
-
Gebruik de More actions boven op de knop Modifications om alle wijzigingen tegelijk te verwijderen.
-
U kunt ook alleen de ongeldige wijzigingen verwijderen. Dit houdt in dat de wijzigingen worden overschreven door andere wijzigingen. Als u bijvoorbeeld de kleur van een tekst wijzigt en die tekst verwijdert, wordt de kleurwijziging ongeldig omdat de tekst niet meer bestaat.
-
U kunt handelingen annuleren en opnieuw uitvoeren met de opdracht Undo/Redo op de rechterbovenhoek van het scherm.
Klik en houd de knoop om tussen te schakelen Undo en Redo opties. Klik vervolgens op de knop zelf om de gewenste actie toe te passen.
Wijzigingen toevoegen vanuit het toegewezen venster add-modifications
Wanneer u een pagina bewerkt met de webontwerper, kunt u nieuwe wijzigingen rechtstreeks vanuit de Modifications deelvenster - zonder dat u een component hoeft te selecteren en te bewerken in de interface van de webontwerper. Voer de onderstaande stappen uit.
-
Van de Modifications klikt u op het deelvenster More actions knop.
-
Selecteren Add a modification.
-
Selecteer het wijzigingstype:
- CSS Selector - Meer informatie
- Page
<Head>- Meer informatie
-
Voer uw inhoud in en Save uw wijzigingen.
-
Klik op de knop More actions naast uw wijziging en selecteer Info om de details weer te geven.
CSS-kiezer css-selector
Als u een CSS-kiezer als u tekst wilt wijzigen, volgt u de onderstaande stappen.
-
Selecteren CSS Selector als het wijzigingstype.
-
De CSS Element Selector kunt u in dit veld gemakkelijker de HTML-elementen (of knooppunten in de DOM-structuur) vinden en selecteren waarop u wijzigingen wilt toepassen.
-
Selecteer een handelingstype (Set Content of Set Attribute) en vult de vereiste informatie/inhoud in.
-
Set Content: specificeer de inhoud die in het element gaat dat door wordt geïdentificeerd CSS Element Selector veld.
-
Set Attribute: geef een kenmerk op dat aan de huidige CSS-kiezer moet worden gekoppeld, zodat deze kiezer vervolgens ook door dit kenmerk kan worden geïdentificeerd. Voer hiertoe een naam in het dialoogvenster Attribute name en een waarde in het veld Content veld. Als het kenmerk al bestaat, wordt de waarde bijgewerkt; anders wordt een nieuw kenmerk toegevoegd met de opgegeven naam en waarde.
-
Pagina <head> page-head
U kunt aangepaste code toevoegen met de Page <head> wijzigingstype.
De <head> element is een container voor metagegevens (gegevens over gegevens) en wordt tussen de <html> en de <body> -tag. In dit geval wacht de code niet op gebeurtenissen voor het laden van de hoofdtekst of de pagina. Deze wordt uitgevoerd aan het begin van het laden van de pagina.
De <head> -element wordt doorgaans gebruikt om JavaScript- of CSS-code boven aan de pagina toe te voegen. Kiezers voor volgende visuele handelingen zijn afhankelijk van de HTML-elementen die op dit tabblad worden toegevoegd.
Als u een Pagina<head> als u tekst wilt wijzigen, volgt u de onderstaande stappen.
-
Selecteren Page
<head>als het wijzigingstype.
-
Voeg uw aangepaste code toe in het dialoogvenster Content doos.
note caution CAUTION U kunt alleen toevoegen <script>en<style>aan de<head>sectie. Toevoegen<div>tags en andere elementen kunnen de resterende<head>elementen die in de<body>. -
Klik op de knop Advanced editing options knop. De verpersoonlijkingsredacteur opent.
U kunt de Journey Optimizer verpersoonlijkingsredacteur met al zijn verpersoonlijking en auteursmogelijkheden. Meer informatie
Aangepaste codevoorbeelden custom-code-examples
U kunt de Page <head> wijzigingstype:
-
JavaScript inline gebruiken of koppelen naar een extern JavaScript-bestand.
Bijvoorbeeld om de kleur van een element te wijzigen:
code language-none <script type="text/javascript"> document.getElementById("element_id").style.color = "blue"; </script> -
Configureer een stijl inline of koppel deze aan een externe stijlpagina.
U kunt bijvoorbeeld een klasse definiëren voor een overlay-element:
code language-none <style> .overlay { position: absolute; top:0; left: 0; right: 0; bottom: 0; background: red; } </style>
Aangepaste tips voor code custom-code-best-practices
Bijvoorbeeld:
| code language-none |
|---|
|
Als er wijzigingen nodig zijn, brengt u wijzigingen aan in deze container.
Als u de aangepaste code niet meer nodig hebt, laat u deze container leeg, maar verwijdert u deze niet. Dit zorgt ervoor dat andere ervaringswijzigingen niet worden beïnvloed.
<head><>wijzigingstype voor twee campagnes die invloed hebben op dezelfde URL.<head> Als u het type wilt wijzigen voor twee campagnes die van invloed zijn op dezelfde URL, wordt het JavaScript vanuit beide campagnes in de pagina geïnjecteerd. Journey Optimizer bepaalt automatisch de orde van de geleverde inhoud. Zorg ervoor dat de code niet afhankelijk is van plaatsing. Het is aan u om ervoor te zorgen dat er geen conflicten in de code zijn.