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 het pictogram Modifications 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 optie Delete modification op de knop 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 a enig-paginatoepassingcreeert, kunt u om het even welke wijziging op andere meningen toepassen. Meer informatie
-
Als u meerdere wijzigingen tegelijk wilt verwijderen, klikt u op de knop Select boven aan het deelvenster Modifications , controleert u de gewenste wijzigingen en klikt u op het pictogram Delete .
-
Gebruik de knop More actions boven op het deelvenster 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 acties annuleren en opnieuw uitvoeren met de knop Undo/Redo rechtsboven in het scherm.
Klik en houd de knop ingedrukt om te schakelen tussen de opties Undo en Redo . 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 het deelvenster Modifications toevoegen, zonder dat u een component hoeft te selecteren en te bewerken in de interface van de webontwerper. Voer de onderstaande stappen uit.
-
Klik in het deelvenster Modifications op de knop More actions .
-
Selecteer Add a modification.
-
Selecteer het wijzigingstype:
-
Voer de inhoud in en Save voer de wijzigingen in.
-
Klik op de knop More actions naast de wijziging en selecteer Info om de details weer te geven.
CSS-kiezer css-selector
Om het type van a CSS selecteur wijziging toe te voegen, volg hieronder de stappen.
-
Selecteer CSS Selector als het wijzigingstype.
-
Met het veld CSS Element Selector kunt u de HTML-elementen (of knooppunten in de DOM-structuur) zoeken en selecteren waarop u wijzigingen wilt toepassen.
-
Selecteer een actietype (Set Content of Set Attribute) en vul de vereiste informatie/inhoud in.
-
Set Content : geef de inhoud op die wordt opgenomen in het element dat wordt geïdentificeerd door het veld CSS Element Selector .
-
Set Attribute: geef een kenmerk op dat aan de huidige CSS-kiezer moet worden gekoppeld, zodat deze kiezer ook door dit kenmerk kan worden geïdentificeerd. Voer hiertoe een naam in het veld Attribute name en een waarde in het veld Content in. 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 het wijzigingstype Page <head> .
Het element <head> is een container voor metagegevens (gegevens over gegevens) en wordt tussen de tag <html> en de tag <body> geplaatst. 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.
Het element <head> 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.
Voer de onderstaande stappen uit als u het type a Pagina<head> wilt wijzigen.
-
Selecteer Page
<head>als het wijzigingstype.
-
Voeg uw aangepaste code toe in het vak Content .
note caution CAUTION U kunt alleen <script>- en<style>-elementen toevoegen aan de sectie<head>. Als u<div>-tags en andere elementen toevoegt, komen de resterende<head>-elementen mogelijk in de<body>-lus terecht. -
Klik op de knop Advanced editing options. De verpersoonlijkingsredacteur opent.
U kunt de personalisatie-editor van Journey Optimizer gebruiken met al zijn personalisatie- en ontwerpmogelijkheden. Meer informatie
Aangepaste codevoorbeelden custom-code-examples
U kunt het wijzigingstype Page <head> gebruiken op:
-
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><>aanpassingstype voor twee campagnes die zelfde URL beïnvloeden.<head> gebruikt voor twee campagnes die invloed hebben op dezelfde URL, wordt de JavaScript vanuit beide campagnes in de pagina geïnjecteerd. Journey Optimizer bepaalt automatisch de volgorde 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.