{"id":4011,"date":"2023-05-15T10:16:05","date_gmt":"2023-05-15T02:16:05","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&#038;p=4011"},"modified":"2024-03-15T15:38:39","modified_gmt":"2024-03-15T07:38:39","password":"","slug":"run-js-trigger-action","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/fi\/docs\/run-js-trigger-action\/","title":{"rendered":"Lis\u00e4\u00e4 [Run JS] -toiminto"},"content":{"rendered":"<p>Sivueditori tukee JS:n k\u00e4ytt\u00f6\u00e4 verkkosivulla napsauttamalla elementti\u00e4. Sy\u00f6t\u00e4 vastaavien komentojen JavaScript-koodi luodaksesi erityisi\u00e4 tehosteita verkkosivulle, kun katselet flipbookia, kuten ponnahdusikkunoita, diaesityst\u00e4 jne.<\/p>\n\n\n\n<p>Lis\u00e4t\u00e4\u00e4n\u00a0<strong>[Suorita JS]<\/strong> toiminto voi luoda mukautettuja vuorovaikutuksia k\u00e4ytt\u00e4jien kanssa, kuten n\u00e4ytt\u00e4\u00e4 lis\u00e4tietoja, kun he ovat tekemisiss\u00e4 tietyn elementin kanssa.<\/p>\n\n\n\n<p>Katsotaan seuraavaksi, miten lis\u00e4t\u00e4\u00e4n\u00a0<strong>[Suorita JS]<\/strong> toimia elementille.<\/p>\n\n\n\n<p>Napsauta elementti\u00e4 kankaalla -&gt; napsauta\u00a0<strong>[Toiminnot]<\/strong>\u00a0ominaisuuspaneelissa -&gt; valitse laukaisuehto -&gt;\u00a0<strong>[Suorita JS]\u00a0<\/strong>-&gt; sy\u00f6t\u00e4 JavaScript-koodi -&gt; napsauta\u00a0<strong>[Tallentaa]<\/strong>\u00a0tai\u00a0<strong>[Esikatselu]<\/strong>\u00a0yl\u00e4ty\u00f6kalupalkissa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"682\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif\" alt=\"add-run-JS-action\" class=\"wp-image-6849\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Artikkeliin liittyv\u00e4t termit:<br><\/strong>JavaScript-koodi, skriptin mukauttaminen, skriptien suunnittelu, komentosarjavaihtoehdot, komentosarjatuki, interaktiiviset elementit, interaktiiviset fl\u00e4ppikirjat, k\u00e4ytt\u00e4jien sitoutuminen, skriptien sijoittelu, komentosarjatyylit, liipaisutoimintojen lis\u00e4\u00e4minen, skriptin sis\u00e4ll\u00f6n muokkaaminen, vuorovaikutteisuuden parantaminen<\/p>","protected":false},"excerpt":{"rendered":"<p>Sivueditori tukee JS:n k\u00e4ytt\u00f6\u00e4 verkkosivulla napsauttamalla elementti\u00e4. Sy\u00f6t\u00e4 vastaavien komentojen JavaScript-koodi luodaksesi erityisi\u00e4 tehosteita verkkosivulle, kun katselet flipbookia, kuten ponnahdusikkunoita, diaesityst\u00e4 jne. [Run JS] -toiminnon lis\u00e4\u00e4minen voi luoda mukautettuja vuorovaikutuksia k\u00e4ytt\u00e4jien kanssa, kuten n\u00e4ytt\u00e4\u00e4 lis\u00e4tietoja, kun he katsovat sitoutua [\u2026]<\/p>","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[85],"doc_tag":[],"class_list":["post-4011","docs","type-docs","status-publish","hentry","doc_category-trigger-action"],"year_month":"2026-04","word_count":138,"total_views":"11582","reactions":{"happy":"0","normal":"3","sad":"1"},"author_info":{"name":"Andy","author_nicename":"andy","author_url":"https:\/\/cms.flippagemaker.com\/fi\/author\/andy\/"},"doc_category_info":[{"term_name":"Actions","term_url":"https:\/\/cms.flippagemaker.com\/fi\/docs-category\/trigger-action\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add [Run JS] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"fi_FI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add [Run JS] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"The Page Editor supports running JS on the webpage by clicking the element. Enter the JavaScript code of the corresponding commands to generate specific effects on the webpage when viewing the flipbook, such as pop-ups, slideshow, etc. Adding\u00a0[Run JS] action can create custom interactions with users, such as displaying additional information when they engage with [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/fi\/docs\/run-js-trigger-action\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-15T07:38:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/\",\"name\":\"Add [Run JS] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif\",\"datePublished\":\"2023-05-15T02:16:05+00:00\",\"dateModified\":\"2024-03-15T07:38:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#breadcrumb\"},\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add [Run JS] Action\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cms.flippagemaker.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"contentUrl\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"width\":154,\"height\":20,\"caption\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add [Run JS] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"fi_FI","og_type":"article","og_title":"Add [Run JS] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"The Page Editor supports running JS on the webpage by clicking the element. Enter the JavaScript code of the corresponding commands to generate specific effects on the webpage when viewing the flipbook, such as pop-ups, slideshow, etc. Adding\u00a0[Run JS] action can create custom interactions with users, such as displaying additional information when they engage with [&hellip;]","og_url":"https:\/\/cms.flippagemaker.com\/fi\/docs\/run-js-trigger-action\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2024-03-15T07:38:39+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/","url":"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/","name":"Add [Run JS] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif","datePublished":"2023-05-15T02:16:05+00:00","dateModified":"2024-03-15T07:38:39+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/"]}]},{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Add [Run JS] Action"}]},{"@type":"WebSite","@id":"https:\/\/cms.flippagemaker.com\/#website","url":"https:\/\/cms.flippagemaker.com\/","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","description":"","publisher":{"@id":"https:\/\/cms.flippagemaker.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cms.flippagemaker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/","url":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","contentUrl":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","width":154,"height":20,"caption":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/"}}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/4011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/comments?post=4011"}],"version-history":[{"count":3,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/4011\/revisions"}],"predecessor-version":[{"id":6850,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/4011\/revisions\/6850"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/media?parent=4011"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/doc_category?post=4011"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/doc_tag?post=4011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}