Carousel Banners carousel-banners

Hotspot- en afbeeldingskaartvariabelen identificeren (alleen voor klanten die Adobe Experience Manager Assets + Dynamic Media gebruiken)

Begin door dynamische variabelen te identificeren die door de bestaande Snelle meningsimplementatie worden gebruikt. Zo kunt u tijdens het maken van carrouselbanners in Experience Manager Assets naar behoren hotspots en afbeeldingskaartgegevens invoeren.

Optioneel: Maak zo nodig een viewervoorinstelling voor een carrouselset.

Als beheerder kunt u het gedrag en de weergave van de carrousel aanpassen door uw eigen voorinstelling voor de Carousel-viewer te maken. Het belangrijkste voordeel is dat u deze aangepaste viewer-voorinstelling kunt hergebruiken voor meerdere carrousels. Gebruikers kunnen het gedrag en de weergave van de carrousel echter desgewenst rechtstreeks aanpassen tijdens het ontwerpen van de carrousel. Deze benadering heeft de voorkeur wanneer u een specifiek ontwerp voor een bepaalde carrousel wilt.

Een afbeeldingsbanner uploaden.

Upload afbeeldingsbanners die u interactief wilt maken.

Een carrouselset maken.

In de Reeksen van Carrousels, navigeren de gebruikers door bannerbeelden en selecteren hotspots of beeldkaarten om tot relevante inhoud toegang te hebben.

Als u een Carousel-set in Elementen wilt maken, selecteert u Create selecteert u vervolgens Carousel Sets. Elementen toevoegen aan dia's en selecteren Save. U kunt de weergave en het gedrag van de carrousel ook rechtstreeks in de editor bewerken.

Hotspots of afbeeldingen met hyperlinks toevoegen aan een afbeeldingsbanner.

Voeg een of meer hotspots of afbeeldingen met hyperlinks toe aan een afbeeldingsbanner. Koppel vervolgens elk element aan een handeling zoals een koppeling, een Snelle weergave of een ervaringsfragment. Nadat u hotspots of afbeeldingen met hyperlinks hebt toegevoegd, kunt u deze taak voltooien door de carrouselset te publiceren. Met Publiceren maakt u de insluitcode die u kunt gebruiken om de bestemmingspagina van uw website te kopiëren en toe te passen.

Zie (Optioneel) Voorvertoning carrouselbanners bekijken - Optioneel. U kunt desgewenst een voorstelling van de carrouselset weergeven en de interactiviteit ervan testen.

Carousel-banners publiceren.

U publiceert een Carousel-set op dezelfde manier als elk ander element. Navigeer in Elementen naar de Carousel-set, selecteer deze en selecteer deze Publish. Als u een Carousel-set publiceert, worden de URL en de insluittekenreeks geactiveerd.

Voer een van de volgende handelingen uit:

• Een carrouselbanner toevoegen aan uw websitepaginaU kunt de URL van de carrouselbanner of de ingesloten code die u hebt gekopieerd, toevoegen aan de websitepagina.

  • De carrouselbanner integreren met een bestaande Snelle weergave. Als u een systeem voor webcontentbeheer van derden gebruikt, moet u de nieuwe carrouselbanner integreren met de bestaande Quick view-implementatie op uw website.

• Een carrouselbanner aan uw website toevoegen in Experience Manager. Als u een Experience Manager Sites-klant bent, kunt u de carrousel die rechtstreeks op de pagina is ingesteld, toevoegen met de component Interactive Media.

Navigeer in Elementen naar de map waar u de Carousel-set wilt maken en ga naar Create > Carousel Set.

Selecteer op de pagina Carousel Banner Editor de optie Tap to open Asset Selector om de afbeelding voor de eerste dia te selecteren.

Voer een van de volgende handelingen uit op de pagina Carousel Banner Editor:

• Selecteer in de linkerbovenhoek van de pagina de optie Add Slide pictogram.

• Selecteer in het midden van de pagina Tap to open Asset Selector.

Selecteer deze optie om de elementen te selecteren die u in de Carousel-set wilt opnemen. Geselecteerde elementen hebben een vinkje. Wanneer u klaar bent, selecteert u in de rechterbovenhoek van de pagina Select.

Met de Asset Selector kunt u naar elementen zoeken door een trefwoord in te voeren en Return. U kunt ook filters toepassen om de zoekresultaten te verfijnen. U kunt filteren op pad, verzameling, bestandstype en tag. Selecteer het filter en selecteer vervolgens het filter Filter in de werkbalk. De weergave wijzigen door het pictogram Weergave te selecteren en Column View, Card View, of List View.

Zie Werken met kiezers voor meer informatie .

Ga door met het toevoegen van dia's totdat u alle afbeeldingen hebt toegevoegd die u wilt roteren in de Carousel-set.

(Optioneel) Voer een van de volgende handelingen uit:

• Sleep indien nodig dia's om de volgorde van de afbeeldingen in de lijst te wijzigen.

• Als u een afbeelding wilt verwijderen, selecteert u de afbeelding en selecteert u Delete Slide in de werkbalk.

• Als u een voorinstelling wilt toepassen, selecteert u in de rechterbovenhoek van de pagina de vervolgkeuzelijst met voorinstellingen en selecteert u vervolgens een voorinstelling die u tegelijk op de set wilt toepassen.

Selecteer de dia om een dia te verwijderen. Selecteer op de werkbalk de optie Delete Slide op de werkbalk. Als u een dia wilt verplaatsen, selecteert u het pictogram voor herschikking en gaat u naar de gewenste locatie.

Nadat u de afbeeldingen in dia's hebt toegevoegd, kunt u een hotspot, afbeelding met hyperlinks of beide toevoegen aan uw afbeelding. Zie Hotspots of afbeeldingen met hyperlinks toevoegen aan een afbeeldingsbanner.

U kunt het visuele ontwerp en het gedrag van carrouselsets wijzigen. Selecteer de Behavior en Appearance tabs als u wilt aanpassen hoe de carrouselbanner wordt weergegeven of hoe specifieke componenten zich gedragen. Zie Viewer-voorinstellingen beheren voor meer informatie over het gebruik van de viewer-editor.

U kunt ook een voorvertoning van de vormgeving van de carrouselbanner weergeven. Zie (Optioneel) Voorvertoning carrouselbanners bekijken.

Selecteren Save wanneer gereed.

Navigeer vanuit Middelen naar de carrouselset die u interactief wilt maken.

Selecteer de carrouselset en selecteer Edit. De Carousel Viewer Editor wordt geopend.

Selecteer de dia die u interactief wilt maken.

Selecteer in de linkerbovenhoek van de pagina de optie Hotspot of Image Map.

Voer een van de volgende handelingen uit:

• Voor hotspots: selecteer in de afbeelding de locatie waar u de hotspot wilt weergeven.
• Voor afbeeldingen met hyperlinks: sleep in de afbeelding van linksboven naar rechtsonder om het gebied met de afbeelding met hyperlinks te maken. U kunt de grootte van de afbeelding met hyperlinks aanpassen door de hoeken te slepen.

Sleep indien nodig de hotspot of de afbeelding met hyperlinks naar een nieuwe locatie. U kunt ook de pijltoetsen op het toetsenbord gebruiken om de positie van een geselecteerde hotspot te bepalen. Voeg desgewenst meer hotspots of afbeeldingen met hyperlinks toe.

Als u een hotspot of afbeeldingskaart wilt verwijderen, selecteert u de optie Actions tab. Onder de Maps & Hotspots van de Selected Type Selecteer de naam van de hotspot of de afbeelding met hyperlinks die u wilt verwijderen. Selecteer de Trash pictogram naast het menu, dan selecteren Delete.

Typ in het tekstveld Naam de naam van de hotspot of de afbeelding met hyperlinks. Deze naam wordt ook weergegeven in het dialoogvenster Maps & Hotspot vervolgkeuzelijst. Als u een naam opgeeft, kunt u de hotspot of de afbeelding met hyperlinks gemakkelijk herkennen als u deze later wilt wijzigen.

Voer een van de volgende handelingen uit in de Actions tab:

• Selecteren Quickview.

  • Als u een Experience Manager Sites bent Selecteer het pictogram Productkiezer (vergrootglas) om de pagina Selecteer product te openen. Als u wilt terugkeren naar de Carousel Banner Editor, selecteert u het product dat u wilt gebruiken en selecteert u vervolgens het vinkje in de rechterbovenhoek van de pagina.

  • Als u geen Experience Manager Sites bent klant:

    • Definieer variabelen. Zie Hotspotvariabelen identificeren.

    • Voer vervolgens handmatig de SKU-waarde in. Typ in het tekstveld SKU-waarde de SKU (Stock Keeping Unit) van het product. Dit is een unieke id voor elk afzonderlijk product of elke service die u aanbiedt. De ingevoerde waarde SKU vult automatisch het variabele gedeelte van het malplaatje van de Snelle mening. Het systeem weet nu om geselecteerde hotspot met een bepaalde Snelle mening van SKU te associëren.

    • (Optioneel) Als de Snelle weergave andere variabelen bevat die u moet gebruiken om een product verder te identificeren, selecteert u Add Generic Variable. Geef in het tekstveld een extra variabele op. category=Mens is bijvoorbeeld een toegevoegde variabele.

    • Zie Werken met kiezers voor meer informatie .

• Selecteren Hyperlink.

  • Als u een Experience Manager Sites-klant bent, selecteert u het pictogram Sitekiezer (map) om naar een URL te navigeren.

    note note
    NOTE
    De op URL gebaseerde methode van het verbinden is niet mogelijk als uw interactieve inhoud verbindingen met relatieve URLs, in het bijzonder verbindingen met Experience Manager Sites pagina's heeft.

  • Als u een zelfstandige klant bent, geeft u in het href-tekstveld het volledige URL-pad naar een gekoppelde webpagina op.

Zorg ervoor dat u opgeeft of u de koppeling wilt openen in een nieuw browsertabblad (aanbevolen standaard) of op hetzelfde tabblad.

Zie Werken met kiezers voor meer informatie .

• Selecteren Experience Fragment.

  • Als u een Experience Manager Sites-klant bent, selecteert u het zoekpictogram (vergrootglas) om de pagina Experience Fragment te openen. Als u wilt terugkeren naar de pagina Hotspot-beheer, selecteert u het gewenste ervaringsfragment en selecteert u vervolgens in de rechterbovenhoek van de pagina de optie Select.
    Zie Ervaar fragmenten.

  • Geef de breedte en hoogte van het ervaringsfragment op zoals dit op de banner wordt weergegeven.

    note note
    NOTE
    De gereedschappen voor het delen van sociale media in de Carousel Banner worden niet ondersteund wanneer u de viewer insluit in een Experience Fragment.
    U kunt dit omzeilen door voorinstellingen voor viewers te gebruiken of te maken die geen gereedschappen voor het delen van sociale media hebben. Met dergelijke voorinstellingen voor viewers kunt u de voorinstelling met succes insluiten in Experience Fragments.

U kunt ook een voorvertoning van de vormgeving van de carrouselbanner weergeven. Zie (Optioneel) Voorvertoning carrouselbanners bekijken.

Selecteren Save.

Publiceer de carrouselset. Bij het publiceren wordt de insluitcode of URL gemaakt die u op uw websitepagina kunt gebruiken. Als u een Experience Manager Sites-klant bent, voegt u de carrousel rechtstreeks toe aan uw webpagina.

Zie Elementen publiceren.

Zie Een carrousel toevoegen die is ingesteld op de bestemmingspagina van uw website

Voer een van de volgende handelingen uit:

• Houd de cursor boven een Carousel-set element en selecteer Edit (potloodpictogram).

• Houd de muisaanwijzer boven een Carousel-set-element en selecteer Select (vinkje pictogram), dan op de toolbar, selecteer Edit.

• Selecteer een Carousel-set-element en selecteer vervolgens in de linkerbovenhoek van de pagina Edit (potloodpictogram).

Voer een van de volgende handelingen uit om de Carousel-set te bewerken:

• Als u een dia wilt toevoegen, selecteert u de Add Slide pictogram. Navigeer naar het element dat u aan die dia wilt toevoegen en selecteer vervolgens het vinkje.
• Als u de volgorde van dia's wilt wijzigen, sleept u een dia naar een nieuwe locatie (selecteer het pictogram voor opnieuw ordenen om items te verplaatsen).
• Als u een hotspot of afbeelding met hyperlinks wilt toevoegen, selecteert u de pictogrammen voor hotspot of afbeeldingen met hyperlinks en raadpleegt u Hotspots en afbeeldingen met hyperlinks toevoegen aan een afbeeldingsbanner.
• Als u de weergave of het gedrag van de carrouselset wilt bewerken, selecteert u de optie Appearance tab of Behavior en stelt u de gewenste opties in.
• Als u hotspots of afbeeldingen met hyperlinks wilt bewerken, selecteert u op de gewenste dia een hotspot of afbeelding met hyperlinks. Onder de Actions wijzigt.
• Als u een dia wilt verwijderen, selecteert u deze en selecteert u vervolgens Delete Slide in de werkbalk.
• Als u een voorinstelling wilt toepassen, selecteert u de optie Preset en selecteert u vervolgens een voorinstelling voor de viewer.
• Als u een volledige Carousel-set wilt verwijderen, navigeert u naar de Carousel-set, selecteert u deze en selecteert u Delete.

In Assets navigeer naar een bestaande carrouselbanner die u hebt gemaakt en selecteer deze om deze te openen.

Selecteren Edit.

Selecteer in de lijst met voorinstellingen voor viewers rechts op de werkbalk een viewer om een voorvertoning van de carrouselbanner weer te geven.

Selecteren Preview.

Als u de bijbehorende acties wilt testen, selecteert u de hotspots of afbeeldingen met hyperlinks in de afbeelding.

Kopieer de insluitcode van de gepubliceerde carrouselset.
Zie De video- of afbeeldingsviewer insluiten op een webpagina.

Voeg de insluitcode die u van Experience Manager Assets hebt gekopieerd, toe aan uw webpagina.
De gekopieerde insluitcode reageert zodat deze automatisch in het insluitingsgebied van de pagina past.