Met de Interaction Manager kunt u aangepaste interacties maken die de functionaliteit van uw website verbeteren zonder dat u extra code nodig hebt. Deze aangepaste interacties worden gemaakt door vooraf ingestelde regels te combineren, wat onbeperkte mogelijkheden voor functionaliteit biedt.
Beschouw de regels als ingrediënten. Je kunt ze op allerlei manieren combineren om zo verschillende resultaten te creëren.
Enkele voorbeeldtutorials van wat er met de Interaction Manager kan worden gemaakt, vindt u op de Blocs Academy.
Open Interactie Manager
Om de Interaction Manager te starten, gaat u naar de Hoofdmenubalk en van de Windows menu, selecteert Interactiemanager of gebruik de sneltoets ⌃⌘ik.
Interactie toevoegen
Om een nieuwe interactie te maken, klikt u op + knop die zich in de rechterbovenhoek van het Interaction Manager-venster bevindt of gebruik als alternatief de sneltoets ⌃n.
Interactie hernoemen
U kunt een interactie een nieuwe naam geven door eenvoudigweg op de tekst van het interactie-item te klikken en een nieuwe naam te typen.
Dubbele interactie
Het is mogelijk om een interactie te dupliceren door rechts klikken en selecteren duplicaat vanuit het contextmenu of gebruik als alternatief de sneltoets ⌘+D.
Interactie verwijderen
Om een aangepaste interactie te verwijderen en te wissen, selecteert u eenvoudigweg het interactie-item dat u wilt verwijderen en klikt u op de knop - knop, die zich rechtsboven in het Interaction Manager-venster bevindt, of gebruik de sneltoets ⌘+⌫.
Interactie bewerken
Om een interactie te bewerken, klikt u op settings knop die zich helemaal rechts van het interactie-item bevindt, of dubbelklik gewoon op het interactie-item. Dit opent een pop-up met alle regels die in de interactie zijn opgenomen.
Een regel invoegen
Om een nieuwe regel in een interactie in te voegen, klikt u eenvoudig op de + knop die zich rechtsboven in de interactie-popover bevindt of gebruik als alternatief de sneltoets ⌃n. Dit opent een dropdownmenu met alle beschikbare regels die kunnen worden gebruikt binnen aangepaste interacties. Als u op een regel klikt, wordt deze onder de momenteel geselecteerde regel ingevoegd.
Voorwaardelijke
Als Statement
De if-statementregel wordt gebruikt om voorwaardelijke logica uit te voeren. Hiermee kunt u regels erin plaatsen die alleen worden geactiveerd als een opgegeven voorwaarde wordt geëvalueerd als true. Dit is handig voor besluitvorming in uw aangepaste interacties, waardoor verschillende uitkomsten mogelijk zijn op basis van bepaalde voorwaarden.
Custom Interaction if statements ondersteunen de volgende variabelen: URL, Visible, On Screen, Scroll Y, Cookie, Operating System (OS), Time Range, Daytime, Nighttime, Date, Day, Month, Weekday, Weekend. Alle variabelen stellen u in staat om een vergelijkingswaarde op te geven en ondersteunen verschillende operatoren.
Navigatie
Navigeer naar pagina
Deze regel navigeert de browser naar de opgegeven pagina.
Navigeer naar URL
Deze regel navigeert de browser naar de opgegeven URL.
Scroll naar Doel
Deze regel zorgt ervoor dat er naar het element met de opgegeven #ID of klasse wordt gescrolld.
Herlaad pagina
Deze regel laadt de huidige pagina in de browser opnieuw.
Klassen
Wissel klasse
Deze regel schakelt de opgegeven klassen in of uit voor de elementen met de opgegeven #ID's of klasse.
Klasse toevoegen
Deze regel voegt de opgegeven klassen toe aan de elementen met de opgegeven ID's of klassen.
Klasse verwijderen
Deze regel verwijdert de opgegeven klassen van de elementen met de opgegeven #ID's of klasse.
Actie
Kenmerk instellen
Deze regel stelt de waarde in van een data-attribuut voor het element met de opgegeven #ID of klasse.
Schakel Zichtbaarheid in
Deze regel schakelt de zichtbaarheid van de elementen met de opgegeven ID's of klassen in of uit.
Schakel tussen modaal
Deze regel schakelt een modaal (tonen/verbergen) in of uit met de opgegeven #ID.
Telefoonlink
Met deze regel wordt een telefoongesprek gestart (op ondersteunde apparaten) naar het opgegeven telefoonnummer.
e-Link
Met deze regel wordt de e-mailclient van de huidige gebruiker geopend, waarbij het adresveld is ingevuld met het opgegeven e-mailadres.
Download Bestand
Deze regel zorgt ervoor dat het opgegeven bestand wordt gedownload.
Formulier Indienen
Deze regel zal een formulier indienen met het opgegeven ID-nummer of de opgegeven klasse.
Reset Form
Deze regel reset een formulier met de opgegeven ID of klasse.
Element verwijderen
Deze regel verwijdert een element met de opgegeven #ID of klasse.
Element uitschakelen
Deze regel schakelt een element met de opgegeven #ID of klasse uit.
JavaScript aanroepen
Deze regel kan worden gebruikt om aangepaste JavaScript-functies aan te roepen.
Selectie
Selecteer tabblad
Met deze regel wordt het tabblad voor een tabblad Bric met de opgegeven #ID geselecteerd.
Klik op Item
Deze regel klikt programmatisch op het element met de opgegeven #ID of klasse.
Focuselement
Deze regel zal programmatisch het element met de opgegeven #ID of klasse selecteren.
Controleer element
Deze regel stelt programmatisch de aangevinkte status in van het element met de opgegeven #ID of klasse.
Tekst
Tekst instellen
Deze regel stelt de opgegeven tekstinhoud in voor het element met de opgegeven #ID of klasse.
Tekst kopiëren
Met deze regel wordt een opgegeven tekstreeks of de tekstuele inhoud van een element naar het klembord van de gebruiker gekopieerd.
Waarde instellen
Deze regel stelt de waarde in voor het invoerelement met de opgegeven #ID of klasse.
Video
Video Player
Deze regel kan gebeurtenissen zoals afspelen, pauzeren, stoppen en dempen activeren voor het videospelerelement met de opgegeven ID.
Audio
Audio Player
Deze regel kan gebeurtenissen zoals afspelen, pauzeren, stoppen en dempen activeren voor het audiospelerelement met de opgegeven #ID of klasse.
Geluid afspelen
Met deze regel wordt het toegewezen mp3-audiobestand afgespeeld (Audiobestanden toevoegen aan Asset Manager).
Bootstrap
carrousel
Deze regel kan gebeurtenissen zoals afspelen, pauzeren, volgende en vorige activeren voor het carrouselelement met de opgegeven #ID.
Interacties
Aangepaste interactie aanroepen
Deze regel roept een andere aangepaste interactie aan en staat een vertraging toe die wordt ingesteld in milliseconden.
Pauze-interactie
Deze regel voegt een vertraging (in milliseconden) toe voordat de volgende interactie-regels worden uitgevoerd.
Interactie stoppen
Deze regel voorkomt dat een aangepaste interactie daarna nog meer regels uitvoert.
Feedback
Kennisgeving
Deze regel zorgt ervoor dat er een browserwebmelding wordt geactiveerd met het opgegeven bericht.
Alarm
Deze regel activeert een waarschuwing met het opgegeven bericht.
Console-logboek
Deze regel maakt een browserlogboek met de opgegeven tekst.
Cookiebleid
Cookie instellen
Deze regel plaatst een cookie in de browser van de gebruiker met een opgegeven naam, waarde en aantal dagen.
Vernietig koekje
Deze regel vernietigt een cookie in de browser van de gebruiker met een opgegeven naam.
Misc
HTML instellen
Deze regel stelt de HTML van het element in met de opgegeven #ID of klasse.
Stop met laden
Deze regel zorgt ervoor dat de webbrowser niet meer laadt.
Stop met laden
Deze regel zorgt ervoor dat de webbrowser niet meer laadt.
Een regel dupliceren
Het is mogelijk om een regel te dupliceren door rechts klikken en selecteren duplicaat vanuit het contextmenu of gebruik als alternatief de sneltoets ⌘+D.
Een regel verwijderen
Om een regel uit een interactie te verwijderen, selecteert u eenvoudig de regel die u wilt verwijderen en klikt u op de knop - knop die zich rechtsboven in de interactie-popover bevindt.
Plaats binnen if-statement
U kunt snel meerdere regels in een if-instructie plaatsen door ze te selecteren, met de rechtermuisknop te klikken en te kiezen Plaats binnen > Als Statement vanuit het contextmenu.
Gegevens Short-Code
U kunt nu de gegevens() short-code in een aangepaste interactie om aangepaste gegevens attribuut waarden van het triggerelement wanneer de interactie wordt uitgevoerd. Plaats het target data-attribuut gewoon tussen de haakjes, zoals dit: data(mijn-attribuut). het attribuut Dan moet je kunnen ook op het triggerelement worden opgeslagen.
U kunt gebruik maken van de gegevens() short-code in elk interactieregeltekstveld. Meer informatie over het toevoegen van aangepaste gegevensattributen aan elementen hier.
Aangepaste interacties toepassen
Aangepaste interacties kunnen op bijna elk element binnen worden toegepast Blocs, items zoals knoppen, afbeeldingen en pictogrammen een aangepaste interactie-optie beschikbaar hebben in de standaard zijbalkinteracties-dropdown.
Andere elementen zoals Blocs, rijen, kolommen, divs en tekst toont een aangepast interactievenster in de zijbalkinspector.
Het Menubeheer ondersteunt het gebruik van aangepaste interacties in menu-items.
Trigger aangepaste interactie
In de meeste gevallen kunnen aangepaste interacties op drie manieren worden geactiveerd: wanneer een element wordt geklikt, wanneer de muiscursor is zweven over een element en wanneer de muiscursor bladeren een element.
Het is ook mogelijk om een aangepaste interactie te activeren zodra een pagina is geopend. geladen, dit kan via de opties voor pagina-instellingen.
Het is ook mogelijk om een aangepaste interactie uit de Interactiemanager naar elementen op de Blocs ontwerpcanvas om ze toe te passen. Daarnaast kunt u aangepaste interacties naar pagina's in de pagina-navigator slepen om een aangepaste paginalaadinteractie toe te passen.