...
The other implementation method is done with a tag manager, for instance: Google Tag Manager. The script will then be injected into the generated source code.
Read more about implementing Mopinion with Google Tag Manager here.
Compared to the first implementation option, the second method is less labour intensive. After all, the script requires only one step and it also offers more flexibility. The implementation of (new) forms on (new) URL’s can be set via the tag manager. One condition for this way of implementation is, of course, the availability of a tag manager.
...
Open the browser development tools. The hotkey for most browsers is F12.
Select the console.
On the command line, enter:
| Code Block |
|---|
srv.openModal(true,'<FORMKEY>') |
The <FORMKEY> can be found in the URL of the preview page. See How do I open a Mopinion feedback form with my own button or link? for more details on retrieving the <FORMKEY>.
An overlay should appear on the webpage.
...
| Easy html macro |
|---|
| theme | {"label":"solarized_dark","value":"solarized_dark"} |
|---|
| contentByMode | {"html":"<div id=\"surveyContent\"></div>","javascript":"var confluenceData = {};\nvar pageId;\nvar pageTitle;\n\ntry {\n confluenceData = JSON.parse(parent.window.name);\n var pageId = confluenceData.options.productContext['page.id'];\n var pageTitle = confluenceData.options.productContext['page.title'];\n} catch(e) {}\n\nvar src = 'https://collect.mopinion.com/assets/surveys/2.0/js/survey.min.js';\n\nvar vars = {\n key:'211a4fdb96626776846147095cc335b448e20458', \n domain:'app.mopinion.com', \n divName:'surveyContent', \n button:false, \n use_collect:false, \n useQuerySelectorAll:false\n};\n\nvar s = document.createElement('script');\ns.async = 'async';\ns.id = 'mopinionFeedbackScript';\ns.src = src;\ns.onload = s.onreadystatechange = function() {\n if (!s.readyState || s.readyState === 'loaded' || s.readyState === 'complete') {\n try {\n srv.loadSurvey(vars);\n } catch (e) {}\n }\n}\ndocument.head.appendChild(s);","css":""} |
|---|
|
|