https://community.dynatrace.com/t5/Troubleshooting/How-to-get-a-OTP-from-an-API-and-use-it-in-a-Browser-Monitor/ta-p/239746 <DIV class="lia-message-template-content-zone"> <DIV> <H2 class="paragraph-in-scc-markdown-text ___1ngh792 ftgm304 f1iaxwol">Summary</H2> <DIV class="paragraph-in-scc-markdown-text ___1ngh792 ftgm304 f1iaxwol">This article explains how to retrieve a <STRONG>One-Time Password (OTP)</STRONG> from an API and use it dynamically in a <STRONG>Dynatrace Browser Monitor</STRONG>. This approach enables synthetic monitoring of applications protected by <STRONG>multi-factor authentication (MFA)</STRONG> by automatically requesting, storing, and inserting an OTP during the login process.</DIV> <DIV class="paragraph-in-scc-markdown-text ___1ngh792 ftgm304 f1iaxwol">By integrating an API call into your Browser Monitor script, you can automate OTP-based authentication and ensure end-to-end monitoring of secure user journeys.</DIV> </DIV> <P>&nbsp;</P> <DIV> <H2>Problem</H2> <DIV class="paragraph-in-scc-markdown-text ___1ngh792 ftgm304 f1iaxwol">Many modern applications protect user logins with <STRONG>One-Time Password (OTP)</STRONG> or <STRONG>Multi-Factor Authentication (MFA)</STRONG> mechanisms. When creating a <STRONG>Dynatrace Browser Monitor</STRONG>, these additional authentication steps can prevent the monitor from successfully completing the login workflow.</DIV> <DIV class="paragraph-in-scc-markdown-text ___1ngh792 ftgm304 f1iaxwol">Common scenarios include:</DIV> <UL> <LI class="___ccc16d0 fje8fi8 f1ng9h0j f1bwykku f18jd3zf">Applications that require MFA during sign-in</LI> <LI class="___ccc16d0 fje8fi8 f1ng9h0j f1bwykku f18jd3zf">OTP values generated by internal services and exposed through APIs</LI> <LI class="___ccc16d0 fje8fi8 f1ng9h0j f1bwykku f18jd3zf">Authentication workflows that require a fresh OTP for every login attempt</LI> </UL> <DIV class="paragraph-in-scc-markdown-text ___1ngh792 ftgm304 f1iaxwol">Without dynamically retrieving and inserting the OTP, the Browser Monitor may fail at the authentication step because the required verification code is missing, expired, or invalid.</DIV> <DIV class="paragraph-in-scc-markdown-text ___1ngh792 ftgm304 f1iaxwol">&nbsp;</DIV> <H2 class="paragraph-in-scc-markdown-text ___1ngh792 ftgm304 f1iaxwol">Pre-requisites</H2> <DIV class="paragraph-in-scc-markdown-text ___1ngh792 ftgm304 f1iaxwol"><SPAN>Before implementing the solution, make sure: </SPAN> <UL class="___14cu5j8 fdgang7 f1hu3pq6 f19f4twv fuxrj8o" dir="auto"> <LI value="1">You have the API endpoint that returns a valid OTP.</LI> <LI value="2">Your API credentials or access token are available and working.</LI> <LI value="3">The OTP is valid only for the duration required by the login step (usually a few seconds).</LI> </UL> <SPAN>Check if the issue matches this article by confirming: </SPAN> <UL class="___14cu5j8 fdgang7 f1hu3pq6 f19f4twv fuxrj8o" dir="auto"> <LI value="1">The Browser Monitor fails at the OTP input step.</LI> <LI value="2">Application logs or monitor details show missing or invalid OTP value.</LI> </UL> <P>&nbsp;</P> </DIV> </DIV> <H2>Resolution</H2> <P><SPAN>Follow these steps to configure your Browser Monitor with dynamic OTP handling:</SPAN></P> <P><SPAN>1.&nbsp;</SPAN><SPAN>Create the Browser monitor events up to the point where the one-time password (OTP) is needed.</SPAN></P> <UL dir="auto"> <LI>Navigate to the URL.</LI> <LI>login with credentials</LI> <LI>The OTP page appears.</LI> <LI>Open a page on the same domain as the API URL in a new tab if the original navigation and API domains are different. This step is only necessary if you see a CORS error when making the fetch in the next event.</LI> </UL> <P><SPAN>2. Add a JavaScript event, using&nbsp;<STRONG class="sc-bf977b27-0 hNpJEd"><A href="https://docs.dynatrace.com/docs/platform-modules/digital-experience/synthetic-monitoring/browser-monitors/configure-browser-monitors#recorded-clickpath" target="_self">Add synthetic event</A>,&nbsp;</STRONG>to fetch the OTP value and save the value. Something like the below, which stores the value in a variable called token.&nbsp;</SPAN><BR /><SPAN>&nbsp;</SPAN></P> <PRE><CODE>api.startAsyncSyntheticEvent();<BR />fetch('&lt;yoururl&gt;', {<BR /> method: 'POST',<BR /> headers: {<BR /> 'content-type': 'application/json',<BR /> 'Access-Control-Allow-Origin': '*',<BR /> 'Access-Control-Allow-Headers': 'X-Requested-With'<BR /> }<BR />}).then(function(response) {<BR /> if (!response.ok) {<BR /> throw Error(response.status + ":" + response.statusText);<BR /> }<BR /> return response;<BR /> }).then(response =&gt; response.text()).then(text =&gt; {<BR /> try {<BR /> api.info('Resp length: ' + text.length);<BR /> if (text.indexOf('code') &gt;= 0) {<BR /> &lt;your code to retrieve token&gt;<BR /> api.setValue("token", token);<BR /> api.finish();<BR /> } else {<BR /> api.fail("Invalid Response");<BR /> }<BR /> } catch (err) {<BR /> api.fail("Failed to Execute");<BR /> }<BR /> }).catch(function(error) {<BR /> api.fail(error); <BR /> });</CODE></PRE> <P><SPAN>3. Add a second JavaScript event to pass the value to the OTP generation page</SPAN></P> <PRE><CODE>var pin = api.getValue("token");<BR />document.querySelector("#PIN").value = pin;</CODE></PRE> <P><SPAN>4. Complete any other steps needed.&nbsp;</SPAN></P> <P>&nbsp;</P> <H2>What's Next</H2> <P>If these steps don't help, then open a chat and provide the following:</P> <UL> <LI>a link to affected monitor</LI> <LI>the troubleshooting steps you have already completed</LI> <LI>a link to this article</LI> </UL> <P>&nbsp;</P> <P><STRONG><SPAN data-contrast="auto">What to read next:</SPAN></STRONG><SPAN data-ccp-props="{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:299,&quot;335559739&quot;:299}">&nbsp;</SPAN></P> <span class="lia-unicode-emoji" title=":open_book:">📖</span>&nbsp; <A id="link_6" class="page-link lia-link-navigation lia-custom-event" style="font-family: inherit; background-color: #ffffff;" href="https://community.dynatrace.com/t5/Troubleshooting/Synthetic-Troubleshooting-Map/ta-p/250426" target="_blank" rel="noopener">Synthetic Troubleshooting Map</A><BR /><span class="lia-unicode-emoji" title=":open_book:">📖</span>&nbsp; <A id="link_6" class="page-link lia-link-navigation lia-custom-event" style="font-family: inherit; background-color: #ffffff;" href="https://community.dynatrace.com/t5/Troubleshooting/Synthetic-Browser-Monitor-Error-Codes/ta-p/198177" target="_blank" rel="noopener">Synthetic Browser Monitor Error Codes<BR /></A><span class="lia-unicode-emoji" title=":open_book:">📖</span>&nbsp; <A id="link_6" class="page-link lia-link-navigation lia-custom-event" style="font-family: inherit; background-color: #ffffff;" href="https://docs.dynatrace.com/docs/observe/digital-experience/synthetic-monitoring/browser-monitors/configure-browser-monitors" target="_blank" rel="noopener">Configure Browser Monitors</A><BR /><span class="lia-unicode-emoji" title=":open_book:">📖</span>&nbsp; <A id="link_6" class="page-link lia-link-navigation lia-custom-event" style="font-family: inherit; background-color: #ffffff;" href="https://docs.dynatrace.com/docs/observe/digital-experience/synthetic-monitoring/browser-monitors/browser-clickpath-events#javascript" target="_blank" rel="noopener">JavaScript events</A></DIV> <DIV class="lia-message-template-content-zone"> <P><span class="lia-unicode-emoji" title=":open_book:">📖</span>&nbsp; <A id="link_6" class="page-link lia-link-navigation lia-custom-event" style="font-family: inherit; background-color: #ffffff;" href="https://docs.dynatrace.com/docs/shortlink/synthetic-monitors" target="_blank" rel="noopener">Dynatrace Synthetic app</A></P> </DIV> Fri, 21 Aug 2026 14:07:30 GMT HannahM 2026-08-21T14:07:30Z https://community.dynatrace.com/t5/Troubleshooting/How-to-get-a-OTP-from-an-API-and-use-it-in-a-Browser-Monitor/ta-p/239746 <P><LI-TOC indent="15" liststyle="disc" maxheadinglevel="2"></LI-TOC></P> <DIV class="lia-message-template-content-zone"> <P>*<EM>Use a table of contents for longer articles.&nbsp;</EM></P> <H2>Summary</H2> <P><EM>*This is a mandatory section.</EM></P> <P><EM>Short description of which part of the Dynatrace platform the article refers to and what kind of problem it will help resolve/ task it will describe.</EM></P> <P>&nbsp;</P> <H2>Problem</H2> <P><EM>*This is a mandatory section.</EM></P> <P><EM>Provide a precise description of the problem/ task to be described. Use anonymized screenshots, and include text for&nbsp;important messages, errors, or information that will help the customer find this article when searching.</EM></P> <P>&nbsp;</P> <H2>Troubleshooting steps</H2> <P><EM>*This section can be omitted as necessary.</EM></P> <P><EM>Explain what troubleshooting steps should be taken to ensure the problem matches this article.</EM></P> <P>&nbsp;</P> <H2>Resolution</H2> <P><EM>*This section can be omitted for articles that guide customers on case creation.</EM></P> <P><EM>Explain the solution or all possible solutions resulting from the troubleshooting steps.<BR /><BR /></EM></P> <H2>What's next</H2> <P><EM>*This is a mandatory section. Customers need a way to respond or follow up if they have questions.&nbsp;</EM></P> <P><EM>Explain what to do if the article didn't help.&nbsp;</EM><EM>Note that there are multiple options available, including:</EM></P> <OL> <LI><EM><STRONG>Opening a chat or support case&nbsp;</STRONG>- be as specific as possible about the information the customer should include in the case.&nbsp;</EM><EM>Use the following formula and fill or change the bullet points:<BR /><BR /></EM> If this article didn't help, <STRONG>create a chat or open a support case</STRONG> <UL> <LI>Mention that you reviewed this article.</LI> <LI>Include the following details: <UL> <LI>Link to XYZ</LI> <LI>Screenshot of XYZ</LI> <LI>Information about XYZ</LI> </UL> </LI> </UL> </LI> <LI><EM><STRONG>Suggesting Product Idea</STRONG> - encourage the customer to suggest/ vote for a Product Idea explaining their business use case.<BR /></EM> <DIV>Please submit a Product Idea with detailed information about your request and use case in the Product Ideas forum. Our Product Management team regularly reviews these suggestions:</DIV> <A href="https://community.dynatrace.com/t5/Dynatrace-product-ideas/idb-p/DynatraceProductIdeas" target="_blank" rel="noopener">https://community.dynatrace.com/t5/Dynatrace-product-ideas/idb-p/DynatraceProductIdeas</A></LI> <LI><STRONG><EM>Explain this will change in the future </EM></STRONG><EM>- explain that this behavior will change in a future release. (No product idea / support case needed)</EM></LI> <LI><STRONG><EM>Alternatives -</EM></STRONG><EM>&nbsp;any other actions or links to other articles that could move the customer forward.</EM></LI> </OL> <H2><BR />Related reading</H2> <P><EM>*Link this article to other relevant configuration or troubleshooting guides, including any applicable troubleshooting maps.<BR />:open_book:&nbsp;&nbsp;</EM><A href="https://community.dynatrace.com/t5/Troubleshooting/" target="_blank" rel="noopener">XXX Troubleshooting Map</A></P> <P>:open_book:&nbsp; Link 1</P> <P>:open_book:&nbsp; Link 2</P> <P>:open_book:&nbsp; Link 3</P> <P>:open_book:&nbsp; Link 4</P> </DIV> Fri, 21 Aug 2026 14:07:30 GMT https://community.dynatrace.com/t5/Troubleshooting/How-to-get-a-OTP-from-an-API-and-use-it-in-a-Browser-Monitor/ta-p/239746 HannahM 2026-08-21T14:07:30Z