Problemen met het oplossen van problemen in verband met de Visual Experience Composer

Er kunnen weergaveproblemen optreden in het dialoogvenster Adobe Target Visual Experience Composer (VEC) onder bepaalde voorwaarden.

Wanneer ik mijn website in het dialoogvenster Visual Experience Composerde Target bibliotheken worden niet geladen. (alleen VEC) section_8A7D3F4AD2CC4C3B823EE9432B97E06F

Target voegt twee parameters toe (mboxEdit=1 en mboxDisable=1) bij het openen van de website in de Visual Experience Composer.

Als uw website (met name Apps met één pagina) parameters bijsnijdt of deze verwijdert terwijl u van de ene pagina naar de andere navigeert (zonder dat de pagina opnieuw wordt geladen), worden de Target functies en de Target bibliotheken worden niet geladen.

U voorkomt dit probleem door deze twee parameters niet bij te snijden of te verwijderen.

Mijn pagina wordt niet geopend in de EEG, of wordt langzaam geladen. Activiteiten of ervaringen worden langzaam in de VEC geladen. (alleen VEC) section_71E7601BE9894E3DA3A7FBBB72B6B0C1

Verschillende problemen kunnen van invloed zijn op de paginaprestaties in het dialoogvenster Target ervaren componisten. Enkele veelvoorkomende problemen zijn:

  • U hebt geen box op de pagina.
  • Uw site gebruikt proxyblokkering, waardoor de pagina in geen van beide composers kan worden geopend.
  • Uw site staat het openen van een iFrame niet toe.

Als er problemen optreden in het dialoogvenster Enhanced Experience Composer, probeer de Enhanced Experience Composer en gebruiken de Visual Experience Composer in plaats daarvan.

Om het Enhanced Experience Composer, ga naar Administration > Visual Experience Composer en zet de Enable Enhanced Experience Composer -optie.

Sommige gebruikers zien het volgende foutbericht in de console:

Foutbericht voor console

Als geen van beide Visual Experience Composer noch de Enhanced Experience Composer werkt, gebruik een browser extensie zoals Requestly (Chrome of Firefox) of Reactiekoppen wijzigen (Firefox) waarmee de koptekstopties voor X-frames voor uw site kunnen worden overschreven en geladen in iFrames, waardoor de VEC wordt ingeschakeld. Als u geen browserextensies kunt gebruiken, gebruikt u de Form-based Experience Composer.

NOTE
Naast de volgende informatie kunt u de opdracht Adobe Target Visual Editing Helper extension for Google Chrome.
NOTE
Deze plug-ins mogen alleen worden gebruikt in de context van VEC-bewerking.
Voor de Requestly Als u headers moet verwijderen, moet u een van de volgende handelingen uitvoeren:
  • Voeg URL-regels toe voor de URL die u in de VEC wilt openen, zodat kopteksten alleen voor die URL's worden verwijderd.

  • Laat de regel toe wanneer u in VEC uitgeeft en maak de regel onbruikbaar wanneer u niet VEC gebruikt.

Voor de Modify Response Header extensie (Firefox), omdat u geen URL-regel kunt toevoegen, moet u het volgende doen:
  • Laat de regel toe wanneer u in VEC uitgeeft en maak de regel onbruikbaar wanneer u niet VEC gebruikt.

Als u de opdracht Requestly verlenging op Chrome of Firefox:

  1. Schakel de Enhanced Experienced Composer.

  2. Installeer de Requestly browserextensie op Chrome of Firefox.

  3. Open de extensie en configureer deze als volgt:

  4. Selecteren Modify headers.

  5. Voer het volgende in:

    • Naam van regel

    • Wijzigingsvoorschriften

      • Schakelen Add tot Remove.

      • Schakelen Request tot Response.

      • Voer "X-Frame-Opties" in als koptekst.

      • Herhaal de vorige stappen en voer "x-frame-options" in als koptekst.

        note note
        NOTE
        Kopteksten die via worden gemanipuleerd Requestly zijn hoofdlettergevoelig.
      • Wijzigen Equals tot Contains als de voorwaarde voor de bron-URL en voer de URL in van de activiteit die u probeert te laden in de VEC.

      chrome_extensieafbeelding

  6. Klik op Save.

    vaak beeld

    U moet nu de pagina snel kunnen laden met de Visual Experience Composer.

Als u de opdracht Modify Response Headers verlenging op Firefox:

  1. Installeer de Modify Response Headers op Firefox en start de browser opnieuw.
  2. Van uw Firefox extensies, selecteert u de extensie Responsheaders wijzigen.
  3. Klik op Preferences.
  4. Selecteren Filter van de Action vallen.
  5. In de Header Name veld, voert u in: X-Frame-Options.
  6. Stap 4 en 5 herhalen om een filter toe te voegen met x-frame-options.
  7. Klik op Add.
  8. Klik op Start.

Firefox-extensie

Na het instellen van een extensie opent u Target. Uw pagina's moeten nu worden geladen in het dialoogvenster Visual Experience Composer, zelfs als de Enhanced Experience Composer is uitgeschakeld.

Mijn pagina wordt niet weergegeven in de VEC (alleen VEC) does-not-load

  • De meest recente versie van de extensie garandeert een optimale compatibiliteit met VEC: Adobe Experience Cloud Visual Editing Helper extension.

    Ga naar Extensions > Manage Extensions klik vervolgens op Details.

  • De Visual Experience Composer vereist ontwerpbibliotheken om wijzigingen op de webpagina uit te voeren. Deze bibliotheken zijn ingesloten in de bibliotheek at.js en worden gedownload via de extensie Adobe servers elke keer dat VEC wordt gebruikt.

    De extensie wordt gedownload naar de bibliotheek at.js, ongeacht of at.js of de Adobe Experience Platform Web SDK worden al op de pagina opgenomen.

    Zorg ervoor dat er geen ongeldige wijzigingen zijn toegevoegd aan de headers at.js die zijn geconfigureerd in het dialoogvenster Administration > Implementation sectie.

  • Zorg ervoor dat de webpagina geen aanvragen blokkeert die verplicht moeten worden geladen wanneer deze zijn ingesloten in een iFrame. Dit omvat het gebruik van CSP-richtlijnen of aangepaste JS-code die zijn ingesloten in de website van de klant, tags meta HTML of de header x-frame-options.

  • Zorg ervoor dat Javascript van de webpagina zich niet mengt in de ontwerpbibliotheken. Gebruik of neem geen bestanden op met de volgende gereserveerde namen:

    • target-vec-helper.js

    • target-vec.js

    • target.js

    • admin.css

    • sizzle.js

    • mixContentCheck.html

      Bovendien kan het per ongeluk overschrijven van variabelen of gebeurtenissen die in deze bestanden zijn gedefinieerd, leiden tot problemen met VEC.

  • De browser blokkeert een niet-beveiligde pagina op een beveiligde site.

    Klik op het pictogram links van de URL in de adresbalk van de browser en klik op Disable protection on this page

  • U hebt een ongeldige URL ingevoerd.

  • Als uw website niet in de VEC kan worden geladen of zich onverwacht gedraagt, kunt u cookies op uw website in de browser accepteren voordat u de website probeert te laden in Target.

De VEC wordt verbroken weergegeven wanneer ik de modus Bladeren gebruik. (alleen VEC) section_FA2A18E8FD6A4274B2E395DBAA2FB407

Als u in de modus Bladeren een URL opent die niet Target geïmplementeerde bibliotheken (at.js or Adobe Experience Platform Web SDK) of bevat een koptekst voor de framebuffer, wordt de VEC verbroken weergegeven. Vanwege beveiligingsproblemen in de browser, Target heeft geen juiste toegang tot de URL waarnaar u bent genavigeerd of de VEC-URL wordt niet consistent bijgewerkt wanneer de pagina wordt geladen.

Dit probleem doet zich voor omdat VEC de webpagina in een <iframe>. De huidige beveiligingsmechanismen van browsers verhinderen de Target UI heeft geen toegang tot de elementen van het bepaalde kader wegens het zelfde-oorsprongbeleid. Browsers blokkeren scripts die toegang proberen te krijgen tot een frame met een andere oorsprong en die informatie bevatten zoals de location.href.

U moet de nieuwe De extensie Visuele bewerkingshulp (aanbevolen) oude extensie om de Target om de pagina's optimaal te kunnen doorbladeren.

Problemen die worden veroorzaakt door CSS-conflicten in de Visual Experience Composer

Controleer of er CSS-bestanden zijn die invloed hebben op de zichtbaarheid tijdens het laden van de webpagina in de editor. Als u bijvoorbeeld de overflow: hidden De eigenschap in de hoofdtekst van de pagina kan schuifproblemen veroorzaken of klikgebeurtenissen activeren die het menu voor het schrijven kunnen beïnvloeden.

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654