{"id":52435,"date":"2022-11-24T21:32:30","date_gmt":"2022-11-24T21:32:30","guid":{"rendered":"https:\/\/staging.totara.fortyapp.com\/resources\/erste-schritte-mit-nutzergenerierten-inhalten\/"},"modified":"2024-08-02T21:05:51","modified_gmt":"2024-08-02T21:05:51","slug":"erste-schritte-mit-nutzergenerierten-inhalten","status":"publish","type":"resource","link":"https:\/\/staging.totara.fortyapp.com\/de\/ressourcen\/erste-schritte-mit-nutzergenerierten-inhalten\/","title":{"rendered":"Erste Schritte mit nutzergenerierten Inhalten"},"content":{"rendered":"\n<div class='inline-text-container MobileAlignment DesktopAlignment'>\n  <div class='richText'><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-51239 aligncenter\" src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Getting-started-with-user-generated-content-1024x575.png\" alt=\"\" width=\"1024\" height=\"575\" srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Getting-started-with-user-generated-content-1024x575.png 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Getting-started-with-user-generated-content-300x169.png 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Getting-started-with-user-generated-content-768x432.png 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Getting-started-with-user-generated-content-1536x863.png 1536w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/Getting-started-with-user-generated-content-2048x1151.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>With Totara, you can boost your formal learning programs by harnessing the power of informal learning and collaboration. But introducing options for peer collaboration and user-generated content requires a change in the way your people interact with content.They go from consumers receiving mainly \u2018pushed\u2019 content, to creators, curators and collaborators in content. This can present a challenge, particularly when you first enable your Totara site.So how do you get started?In this guide, explore some use cases for user-generated content in Totara, and give you advice to help you get up and running quickly.\n<\/div>\n  <\/div>\n<div class='newsletter-hubspot-container themeTeal padding-'>\n  <div class='wrapper'>\n    \n    <div class='content-wrapper'>\n            <div class='form-wrapper grey-background-'>\n                                    <h2 class='title '>Download the Guide<\/h2>\n                                                    <div id=\"hubspot-form-container\">\n            \n\t\t\t\t\t<script>\n\t\t\t\t\t\twindow.hsFormsOnReady = window.hsFormsOnReady || [];\n\t\t\t\t\t\twindow.hsFormsOnReady.push(()=>{\n\t\t\t\t\t\t\thbspt.forms.create({\n\t\t\t\t\t\t\t\tportalId: 3415253,\n\t\t\t\t\t\t\t\tformId: \"436f1db9-e7f4-47ba-80e1-d8017bdf9843\",\n\t\t\t\t\t\t\t\ttarget: \"#hbspt-form-1775963812000-0931448643\",\n\t\t\t\t\t\t\t\tregion: \"na1\",\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t})});\n\t\t\t\t\t<\/script>\n\t\t\t\t\t<div class=\"hbspt-form\" id=\"hbspt-form-1775963812000-0931448643\"><\/div>          <\/div>\n          <div id=\"hubspot-fallback-message\" style=\"display: none; padding: 20px; background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px;\">\n            <p style=\"margin: 0; font-size: 14px;\">\n              This form may be blocked by your browser&#8217;s privacy settings (e.g., Firefox Enhanced Tracking Protection). Please email us at <a href=\"mailto:marketing@totara.com\" style=\"color: #007ab8; text-decoration: none;\">marketing@totara.com<\/a>.\n            <\/p>\n          <\/div>\n                      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  \/\/If the form has a dynamic content field for hubspot automation workflows, it will grab that ACF value and plop it inside of the embedded iframe form\n  jQuery(document).ready(function ($) {\n    let formDetected = false;\n    let fallbackShown = false;\n\n    \/\/ Function to check for HubSpot form and show fallback if needed\n    function checkForHubSpotForm() {\n      const hubspotContainer = document.getElementById('hubspot-form-container');\n      const fallbackMessage = document.getElementById('hubspot-fallback-message');\n      \n      if (!hubspotContainer || !fallbackMessage || fallbackShown) {\n        return;\n      }\n\n      \/\/ Check for various HubSpot form elements\n      const hsForm = hubspotContainer.querySelector('.hs-form');\n      const hsIframe = hubspotContainer.querySelector('.hs-form-iframe');\n      const hsScript = hubspotContainer.querySelector('script[src*=\"js.hsforms.net\"]');\n      const hasHubSpotContent = hubspotContainer.innerHTML.trim().length > 0;\n\n      if (hsForm || hsIframe || hsScript) {\n        formDetected = true;\n      } else if (hasHubSpotContent && !formDetected) {\n        \/\/ If there's content but no recognizable HubSpot elements after timeout, show fallback\n        setTimeout(function() {\n          if (!formDetected && !fallbackShown) {\n            fallbackMessage.style.display = 'block';\n            hubspotContainer.style.display = 'none';\n            fallbackShown = true;\n          }\n        }, 2000);\n      } else if (!hasHubSpotContent) {\n        \/\/ If container is completely empty, show fallback immediately\n        fallbackMessage.style.display = 'block';\n        hubspotContainer.style.display = 'none';\n        fallbackShown = true;\n      }\n    }\n\n    \/\/ Initial check\n    setTimeout(checkForHubSpotForm, 1000);\n    \n    \/\/ Additional checks at intervals\n    setTimeout(checkForHubSpotForm, 3000);\n\n    setTimeout(function() {\n      const fieldElement = document.querySelector('input[name=lead_source_description]');\n      let iframe = document.querySelector('.hs-form-iframe');\n\n      if (iframe && iframe?.contentWindow) {\n        let iframeDocument = iframe.contentWindow.document;\n        let input = iframeDocument.querySelector('input[name=lead_source_description]');\n        if (input) {\n          input.value = 'Getting started with user-generated content';\n        }\n      }\n    }, 5000);\n  });\n<\/script>","protected":false},"template":"","tax\/tags":[646,597,659,576],"tax\/solutions":[],"tax\/topics":[343,578],"tax\/industries":[],"tax\/resource-types":[321],"class_list":["post-52435","resource","type-resource","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/resources\/52435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/resources"}],"about":[{"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/types\/resource"}],"wp:attachment":[{"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/media?parent=52435"}],"wp:term":[{"taxonomy":"tag","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/tax\/tags?post=52435"},{"taxonomy":"solution","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/tax\/solutions?post=52435"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/tax\/topics?post=52435"},{"taxonomy":"industry-tax","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/tax\/industries?post=52435"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/de\/wp-json\/wp\/v2\/tax\/resource-types?post=52435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}