{"id":138014,"date":"2022-10-26T11:07:47","date_gmt":"2022-10-26T02:07:47","guid":{"rendered":"https:\/\/support.questetra.com\/tips\/workflow-trigger-code-202211\/"},"modified":"2023-03-22T22:59:11","modified_gmt":"2023-03-22T13:59:11","slug":"workflow-trigger-code-202211","status":"publish","type":"page","link":"https:\/\/support.questetra.com\/ja\/tips\/workflow-trigger-code-202211\/","title":{"rendered":"Workflow Trigger Code 202211"},"content":{"rendered":"<div class=\"su-box su-box-style-soft\" id=\"\" style=\"border-color:#000000;border-radius:0px;max-width:none\"><div class=\"su-box-title\" style=\"background-color:#333333;color:#FFFFFF;border-top-left-radius:0px;border-top-right-radius:0px\">\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u8d77\u52d5\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9 \/ Workflow Trigger Code Example<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:0px;border-bottom-right-radius:0px\">\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#8220;\u65b0\u3057\u3044\u30d7\u30ed\u30bb\u30b9&#8221; \u304c\u81ea\u52d5\u751f\u6210\u3055\u308c\u308b\u30ef\u30fc\u30af\u30d5\u30ed\u30fc<\/strong>\u306f\u79c0\u9038\u3067\u3059\u3002&#8221;\u81ea\u52d5\u958b\u59cb&#8221; \u306f<strong>\u6539\u5584\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3\u3092\u7dad\u6301<\/strong>\u3059\u308b\u305f\u3081\u306e<strong>\u6700\u91cd\u8981\u8981\u7d20<\/strong>\u3068\u8a00\u3063\u3066\u3082\u904e\u8a00\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002Workflow \u30a2\u30d7\u30ea\u306b\uff3b\u30e1\u30c3\u30bb\u30fc\u30b8\u958b\u59cb\u30a4\u30d9\u30f3\u30c8\uff3d\u3092\u914d\u7f6e\u3059\u308c\u3070\u3001\u300cWorkflow \u57fa\u76e4\u306e\u5916\u304b\u3089\u306e HTTP \u30ea\u30af\u30a8\u30b9\u30c8\u300d\u306b\u3088\u3063\u3066\u65b0\u3057\u3044\u30d7\u30ed\u30bb\u30b9\uff08\u6848\u4ef6\uff09\u3092\u81ea\u52d5\u958b\u59cb\u3055\u305b\u308b\u3053\u3068\u304c\u53ef\u80fd\u3068\u306a\u308a\u307e\u3059\u3002\u305f\u3068\u3048\u3070\u300c\u30bb\u30f3\u30b5\u30fc\u691c\u77e5\u3067\u5bfe\u5fdc\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u8d77\u52d5\u3059\u308b\u300d\u3001\u300c\u90e8\u5916\u8005\u304b\u3089\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u53d7\u4fe1\u3067\u56de\u7b54\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u8d77\u52d5\u3059\u308b\u300d\u3001\u3042\u308b\u3044\u306f\u300c\u30ea\u30b9\u30c8\u30d5\u30a1\u30a4\u30eb\u3092\u7528\u3044\u3066\u6ca2\u5c71\u306e\u8abf\u67fb\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u4e00\u62ec\u3057\u3066\u8d77\u52d5\u3059\u308b\u300d\u3068\u3044\u3063\u305f\u5b9f\u88c5\u304c\u53ef\u80fd\u3068\u306a\u308a\u307e\u3059\u3002\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001\uff3b\u30e1\u30c3\u30bb\u30fc\u30b8\u958b\u59cb\u30a4\u30d9\u30f3\u30c8\uff08HTTP\uff09\uff3d\u3084\uff3b\u30e1\u30c3\u30bb\u30fc\u30b8\u958b\u59cb\u30a4\u30d9\u30f3\u30c8\uff08Webhook\uff09\uff3d\u3092\u30ad\u30c3\u30af\u3059\u308bHTML\/JavaScript\u30b3\u30fc\u30c9\u3092\u4f8b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Workflow Apps that automatically generate &#8220;new processes&#8221;<\/strong> are great. Automation of the starting point is the <strong>most important factor<\/strong> for <strong>maintaining improvement motivation<\/strong>. By placing a Message Start Event at the top of the Workflow, it can be triggered by HTTP request from outside the Workflow Platform. For example, it is possible to implement &#8220;Sensor detection triggers workflow&#8221;, &#8220;Incoming inquiry triggers workflow&#8221; or &#8220;Issue List triggers many investigative workflows&#8221;. This article provides examples of HTML\/JavaScript code that kicks &#8220;<code>Message Start Event (HTTP)<\/code>&#8221; and &#8220;<code>Message Start Event (Webhook)<\/code>&#8220;.<\/p>\n\n\n<\/div><\/div>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-c41e104d      \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#send-process-title\" class=\"uagb-toc-link__trigger\">Send Process Title<\/a><li class=\"uagb-toc__list\"><a href=\"#request-with-registered-email\" class=\"uagb-toc-link__trigger\">Request with Registered Email<\/a><li class=\"uagb-toc__list\"><a href=\"#post-photo-from-smartphone\" class=\"uagb-toc-link__trigger\">Post Photo from Smartphone<\/a><li class=\"uagb-toc__list\"><a href=\"#send-purchase-order-tsv\" class=\"uagb-toc-link__trigger\">Send Purchase Order TSV<\/a><li class=\"uagb-toc__list\"><a href=\"#send-inquiry-with-recaptcha-token\" class=\"uagb-toc-link__trigger\">Send Inquiry with reCAPTCHA token<\/a><li class=\"uagb-toc__list\"><a href=\"#send-inquiry-and-ga4-event\" class=\"uagb-toc-link__trigger\">Send Inquiry and GA4 Event<\/a><li class=\"uagb-toc__list\"><a href=\"#appendix-ja\" class=\"uagb-toc-link__trigger\">&#8211; appendix (ja) &#8211;<\/a><li class=\"uagb-toc__list\"><a href=\"#appendix-en\" class=\"uagb-toc-link__trigger\">&#8211; appendix (en) &#8211;<\/a><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u30af\u30ed\u30b9\u30aa\u30ea\u30b8\u30f3\u901a\u4fe1\u304c\u591a\u7528\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3042\u3089\u304b\u3058\u3081\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u57fa\u76e4\u5074\u306b\u3066\u3001\u300cCORS \u901a\u4fe1\u8a31\u53ef\u300d\uff08<a href=\"https:\/\/questetra.zendesk.com\/hc\/ja\/articles\/360018836991-M419\">M419<\/a>\uff09\u3092\u8a2d\u5b9a\u3057\u3066\u304a\u304f\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u306a\u304a\u3001\u5f53\u8a72 HTML\/JavaScript \u30b3\u30fc\u30c9\u3092 WordPress \u30d6\u30ed\u30c3\u30af\u30a8\u30c7\u30a3\u30bf\u8a18\u4e8b\u5185\u306b\u914d\u7f6e\u3059\u308b\u5834\u5408\u306f\u300cCustom HTML \u30d6\u30ed\u30c3\u30af\u300d\u7b49\u3092\u6d3b\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cross-origin communication is used. CORS permission setting (<a href=\"https:\/\/questetra.zendesk.com\/hc\/ja\/articles\/360018836991-M419\">M419<\/a>) is required in advance on the Workflow Platform. Use &#8220;Custom HTML&#8221; in a WordPress article.<\/p>\n\n\n\n<p class=\"has-vivid-cyan-blue-color has-text-color has-small-font-size wp-block-paragraph\">HTML\/JavaScript code examples for the public website, the intranets portals and so on. Keywords: Business Process, BPMN, No-Code Low-Code development, External trigger, Human Workflow, CORS, Email Verification, XHR, Fetch, FormData, JavaScript submit().<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-ast-global-color-1-color has-alpha-channel-opacity has-ast-global-color-1-background-color has-background is-style-wide\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"send-process-title\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#c01565\" class=\"has-inline-color\">Send Process Title<\/mark><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default q-box\"><a href=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/send-process-title-2022.gif?ssl=1\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"180\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/send-process-title-2022.gif?resize=640%2C180&#038;ssl=1\" alt=\"Workflow Trigger Code Example: Send Process Title\" class=\"wp-image-138044\"\/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><a href=\".\/send-process-title\/\"><i class=\"fal fa-rocket-launch\"><\/i> Online DEMO<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>form#send_process_title_trigger\n<ul class=\"wp-block-list\">\n<li><i class=\"fas fa-input-text\" style=\"color: #1E90FF;\"><\/i> <code>#qTitle<\/code> \u2192 <i class=\"fas fa-font\" style=\"color: #009900;\"><\/i>: <code>title<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>script\n<ul class=\"wp-block-list\">\n<li><i class=\"fab fa-js\" style=\"color: #1E90FF;\"><\/i> <code>strKey<\/code> \u2192 <i class=\"fas fa-lock\" style=\"color: #009900;\"><\/i> <code>key<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class=\"su-spoiler su-spoiler-style-modern-light su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-anchor=\"send-process-title-js\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>HTML\/JavaScript (click to open)<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;form id=&quot;send_process_title_trigger&quot;&gt;\n  &lt;input type=&quot;text&quot; name=&quot;title&quot; id=&quot;qTitle&quot;&gt;\n  &lt;input type=&quot;submit&quot; value=&quot;Send&quot;&gt;\n&lt;\/form&gt;\n&lt;div id=&quot;send_process_title_log&quot;&gt;&lt;\/div&gt;\n&lt;script&gt;\nconst strStartUrl = &quot;https:\/\/example.questetra.net\/System\/Event\/MessageStart\/99\/0\/start&quot;;\nconst strKey      = &quot;GdixCgUffsvDBqnsOPPQUVgWtmwEbsjC&quot;; \/\/ \nconst strIdForm   = &quot;#send_process_title_trigger&quot;;\nconst strIdLog    = &quot;#send_process_title_log&quot;;\n\nconst elTriggerForm = document.querySelector ( strIdForm );\nelTriggerForm.addEventListener ( &#39;submit&#39;, function(ev) {\n  ev.preventDefault();\n  let elOutput = document.querySelector( strIdLog );\n  let objFormData = new FormData( elTriggerForm );\n    \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/FormData\/Using_FormData_Objects\n  objFormData.append ( &#39;key&#39;, strKey );\n    \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/FormData\/append\n  let objXHR = new XMLHttpRequest();\n    \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/XMLHttpRequest\n  objXHR.open( &quot;POST&quot;, strStartUrl, true ); \/\/ &quot;true&quot;: async (default)\n  objXHR.send( objFormData );\n  elOutput.innerHTML = &quot;... waiting &#39;load&#39; event&quot;;\n  objXHR.onload = function( oEvent ) {\n    if ( objXHR.status == 200 ) {\n      elOutput.innerHTML = &quot;Sent!&quot;;\n    } else {\n      elOutput.innerHTML = &quot;Error &quot; + objXHR.status;\n    }\n  };\n}, false);\n&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-ast-global-color-1-color has-alpha-channel-opacity has-ast-global-color-1-background-color has-background is-style-wide\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"registered-email\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#c01565\" class=\"has-inline-color\">Request with Registered Email<\/mark><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full q-box\"><a href=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/registered-email-trigger-2022.gif?ssl=1\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"270\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/registered-email-trigger-2022.gif?resize=960%2C270&#038;ssl=1\" alt=\"\" class=\"wp-image-138110\"\/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><a href=\"https:\/\/support.questetra.com\/ja\/tips\/workflow-trigger-code-202211\/request-with-registered-email\/\"><i class=\"fal fa-rocket-launch\"><\/i> Online DEMO<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>form#email_verification_trigger\n<ul class=\"wp-block-list\">\n<li><i class=\"fas fa-input-text\" style=\"color: #1E90FF;\"><\/i> <code>qRegisteredEmail<\/code> \u2192 <i class=\"fas fa-font\" style=\"color: #009900;\"><\/i>: <code>q_Email<\/code><\/li>\n\n\n\n<li><i class=\"fas fa-list-dropdown\" style=\"color: #1E90FF;\"><\/i>: <code>qProcedure<\/code> \u2192 <i class=\"fas fa-square-caret-down\" style=\"color: #009900;\"><\/i>: <code>q_Procedure<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>script\n<ul class=\"wp-block-list\">\n<li><i class=\"fab fa-js\" style=\"color: #1E90FF;\"><\/i> <code>strKey<\/code> \u2192 <i class=\"fas fa-lock\" style=\"color: #009900;\"><\/i> <code>key<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class=\"su-spoiler su-spoiler-style-modern-light su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-anchor=\"registered-email-trigger-js\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>HTML\/JavaScript (click to open)<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;form id=&quot;email_verification_trigger&quot;&gt;\n  &lt;label for=&quot;qEmail&quot;&gt;&lt;strong&gt;Registered Email Address \uff0f \u3054\u767b\u9332\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9&lt;\/strong&gt;:&lt;\/label&gt;&lt;br&gt;\n  &lt;input  id=&quot;qEmail&quot; type=&quot;email&quot; name=&quot;q_Email&quot;\n    placeholder=&quot;you@example.com&quot; required size=&quot;32&quot; maxlength=&quot;64&quot; autocomplete=&quot;on&quot; autofocus&gt;&lt;br&gt;\n  &lt;label for=&quot;qProcedure&quot;&gt;&lt;strong&gt;Procedures \uff0f \u304a\u624b\u7d9a\u304d&lt;\/strong&gt;:&lt;\/label&gt;&lt;br&gt;\n  &lt;select id=&quot;qProcedure&quot; name=&quot;q_Procedure&quot;&gt;\n    &lt;option value=&quot;&quot;&gt;--Please choose an option--&lt;\/option&gt;\n    &lt;option value=&quot;password&quot;&gt;Reset Password (Forget Password)&lt;\/option&gt;\n    &lt;option value=&quot;magazine&quot;&gt;Stop Mail Magazine&lt;\/option&gt;\n    &lt;option value=&quot;payment&quot;&gt;Change Payment Method&lt;\/option&gt;\n  &lt;\/select&gt;\n  &lt;input type=&quot;submit&quot; value=&quot;Send&quot;&gt;\n&lt;\/form&gt;\n&lt;div id=&quot;email_verification_log&quot;&gt;&lt;\/div&gt;\n\n&lt;script&gt;\nconst strStartUrl = &quot;https:\/\/example.questetra.net\/System\/Event\/MessageStart\/99\/0\/start&quot;; \/\/ \u2605\u2605\nconst strKey      = &quot;ZaMvJs9YA27pybqKgvFmlczTDfEEoKVL&quot;; \/\/ \u2605\u2605See your workflow app\u2605\u2605\nconst strIdForm   = &quot;#email_verification_trigger&quot;;      \/\/ \u2605must be same as Trigger form id\u2605\nconst strIdLog    = &quot;#email_verification_log&quot;;          \/\/ \u2605must be same as Log div id\u2605\n\nconst elTriggerForm = document.querySelector ( strIdForm );\nelTriggerForm.addEventListener ( &#39;submit&#39;, function(ev) {\n  ev.preventDefault();\n  let elOutput = document.querySelector( strIdLog );\n  let objFormData = new FormData( elTriggerForm );\n  objFormData.append ( &#39;key&#39;, strKey );\n\n  fetch( strStartUrl, {\tmethod: &#39;POST&#39;, mode: &#39;cors&#39;, body: objFormData } ).then( response =&gt; {\n    console.log( &#39;response: &#39; + response.ok + &quot; &quot; + response.status + &quot; &quot; + response.statusText );\n      \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/Response\n    if ( !response.ok ) { throw new Error( &quot;response was not ok&quot; ); } \/\/ go &quot;catch&quot;\n    return response.text(); \/\/ QBPMS responces the string PID.\n  })\n  .then( (text) =&gt; {\n    elOutput.innerHTML = &quot;Accepted (ID: &quot; + text + &quot;). A URL will be sent to you.&quot;;\n    elTriggerForm.reset();\n      \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/HTMLFormElement\/reset\n  })\n  .catch( (error) =&gt; {\n    elOutput.innerHTML = error;\n  });\n}, false);\n&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-ast-global-color-1-color has-alpha-channel-opacity has-ast-global-color-1-background-color has-background is-style-wide\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"post-photo\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#c01565\" class=\"has-inline-color\">Post Photo from Smartphone<\/mark><\/h3>\n\n\n\n<figure class=\"wp-block-video q-box wp-block-embed is-type-video is-provider-videopress\" id=\"workflow-triggers-post-photo-anchor\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='500' height='281' src='https:\/\/videopress.com\/embed\/fNkHn4di?cover=1&amp;preloadContent=metadata&amp;useAverageColor=1&amp;hd=0' frameborder='0' allowfullscreen data-resize-to-parent=\"true\" allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1674852142'><\/script>\n<\/div><\/figure>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><a href=\"https:\/\/support.questetra.com\/ja\/tips\/workflow-trigger-code-202211\/post-photo-from-smartphone\/\"><i class=\"fal fa-rocket-launch\"><\/i> Online DEMO<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>form#post_photo_trigger\n<ul class=\"wp-block-list\">\n<li><i class=\"fas fa-input-text\" style=\"color: #1E90FF;\"><\/i> <code>qGeolocation<\/code> \u2192 <i class=\"fas fa-font\" style=\"color: #009900;\"><\/i> <code>q_Geolocation<\/code><\/li>\n\n\n\n<li><i class=\"fas fa-input-pipe\" style=\"color: #1E90FF;\"><\/i> <code>qFile<\/code> \u2192 <i class=\"fas fa-files\" style=\"color: #009900;\"><\/i> <code>q_attachments<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>script\n<ul class=\"wp-block-list\">\n<li><i class=\"fab fa-js\" style=\"color: #1E90FF;\"><\/i> <code>strKey<\/code> \u2192 <i class=\"fas fa-lock\" style=\"color: #009900;\"><\/i> <code>key<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class=\"su-spoiler su-spoiler-style-modern-light su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-anchor=\"post-photo-js\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>HTML\/JavaScript (click to open)<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;form id=&quot;post_photo_trigger&quot;&gt;\n  &lt;button type=&quot;button&quot; onclick=&quot;setLatitudeLongitude(&#39;#qGeolocation&#39;)&quot;&gt;\n    &lt;i class=&quot;fa-light fa-location-crosshairs&quot;&gt;&lt;\/i&gt;&lt;\/button&gt;\n  &lt;input type=&quot;text&quot; name=&quot;q_Geolocation&quot; id=&quot;qGeolocation&quot;&gt;&lt;br&gt;&lt;br&gt;\n  &lt;label for=&quot;qFile&quot; style=&quot;\n    color: #ffffff; border-radius: 10px; padding: 10px 40px; border-color: #1565c0; background-color: #1565c0;\n  &quot;&gt;Outward Camera \uff0f \u5916\u5411\u30ab\u30e1\u30e9&lt;\/label&gt;&lt;br&gt;\n  &lt;input style=&quot;display: none;&quot; onchange=&quot;getFileName(this)&quot;\n     id=&quot;qFile&quot; type=&quot;file&quot; name=&quot;q_attachments&quot; capture=&quot;environment&quot; accept=&quot;image\/*&quot;&gt;&lt;br&gt;\n  &lt;label for=&quot;qFile2&quot; style=&quot;\n    color: #ffffff; border-radius: 10px; padding: 10px 40px; border-color: #1565c0; background-color: #1565c0;\n  &quot;&gt;User-facing Camera \uff0f \u5185\u5411\u30ab\u30e1\u30e9&lt;\/label&gt;&lt;br&gt;\n  &lt;input style=&quot;display: none;&quot; onchange=&quot;getFileName(this)&quot;\n     id=&quot;qFile2&quot; type=&quot;file&quot; name=&quot;q_attachments&quot; capture=&quot;user&quot; accept=&quot;image\/*&quot;&gt;&lt;br&gt;\n  &lt;input id=&quot;qsubmit&quot; type=&quot;submit&quot; value=&quot;Post Image&quot;&gt;\n&lt;\/form&gt;\n&lt;div id=&quot;post_photo_log&quot;&gt;&lt;\/div&gt;\n\n&lt;script&gt;\nconst strStartUrl = &quot;https:\/\/example.questetra.net\/System\/Event\/MessageStart\/99\/0\/start&quot;; \/\/ \u2605\u2605\nconst strKey      = &quot;GdixCgUffsvDBqnsOPPQUVgWtmwEbsjC&quot;; \/\/ \u2605\u2605See your workflow app\u2605\u2605\nconst strIdForm   = &quot;#post_photo_trigger&quot;;      \/\/ \u2605must be same as Trigger form id\u2605\nconst strIdLog    = &quot;#post_photo_log&quot;;          \/\/ \u2605must be same as Log div id\u2605\n\nconst elTriggerForm = document.querySelector ( strIdForm );\nconst elOutput      = document.querySelector ( strIdLog );\n\nfunction setLatitudeLongitude ( idSelector ) {\n  \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/Geolocation_API\/Using_the_Geolocation_API#examples\n  if( !navigator.geolocation ) {\n    elOutput.textContent = &#39;Geolocation is not supported by your browser&#39;;\n  } else {\n    elOutput.textContent = &#39;Locating ..&#39;;\n    navigator.geolocation.getCurrentPosition( success, error );\n  }\n  function success ( position ) {\n    document.querySelector ( idSelector ).value = position.coords.latitude + &quot;,&quot; + position.coords.longitude;\n    elOutput.textContent = &quot;&quot;;\n  }\n  function error() {\n    elOutput.textContent = &#39;Unable to retrieve your location&#39;;\n  }\n}\nfunction getFileName ( el ) {\n  let files = el.files;\n  elOutput.textContent = files[0].name + &#39; &#39; + files[0].size + &#39; byte&#39;;\n}\nelTriggerForm.addEventListener ( &#39;submit&#39;, function(ev) {\n  ev.preventDefault();\n  let objFormData = new FormData( elTriggerForm );\n  objFormData.append ( &#39;key&#39;, strKey );\n\n  elOutput.innerHTML = &quot;Uploading ...&quot;;\n  fetch( strStartUrl, {\tmethod: &#39;POST&#39;, mode: &#39;cors&#39;, body: objFormData } ).then( response =&gt; {\n    console.log( &#39;response: &#39; + response.ok + &quot; &quot; + response.status + &quot; &quot; + response.statusText );\n      \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/Response\n    if ( !response.ok ) { throw new Error( &quot;response was not ok&quot; ); } \/\/ go &quot;catch&quot;\n    return response.text(); \/\/ QBPMS responces the string PID.\n  })\n  .then( (text) =&gt; {\n    elOutput.innerHTML = &quot;Accepted (ID: &quot; + text + &quot;).&quot;;\n    elTriggerForm.reset();\n      \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/HTMLFormElement\/reset\n  })\n  .catch( (error) =&gt; {\n    elOutput.innerHTML = error;\n  });\n}, false);\n&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-ast-global-color-1-color has-alpha-channel-opacity has-ast-global-color-1-background-color has-background is-style-wide\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"send-po-tsv\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#c01565\" class=\"has-inline-color\">Send Purchase Order TSV<\/mark><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full q-box\"><a href=\"\/wp-content\/uploads\/2022\/11\/Workflow-Trigger-send-po-tsv.gif\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"361\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/11\/Workflow-Trigger-send-po-tsv-640.gif?resize=640%2C361&#038;ssl=1\" alt=\"\" class=\"wp-image-138361\"\/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><a href=\"https:\/\/support.questetra.com\/ja\/tips\/workflow-trigger-code-202211\/send-purchase-order-tsv\/\"><i class=\"fal fa-rocket-launch\"><\/i> Online DEMO<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>form#send_po_tsv_trigger\n<ul class=\"wp-block-list\">\n<li><i class=\"fas fa-input-text\" style=\"color: #1E90FF;\"><\/i> <code>qEmail<\/code> \u2192 <i class=\"fas fa-font\" style=\"color: #009900;\"><\/i> <code>q_Email<\/code><\/li>\n\n\n\n<li><i class=\"fas fa-line-columns\" style=\"color: #1E90FF;\"><\/i> <code>qTSV<\/code> \u2192 <i class=\"fas fa-table\" style=\"color: #009900;\"><\/i> <code>q_line_items<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>script\n<ul class=\"wp-block-list\">\n<li><i class=\"fab fa-js\" style=\"color: #1E90FF;\"><\/i> <code>strKey<\/code> \u2192 <i class=\"fas fa-lock\" style=\"color: #009900;\"><\/i> <code>key<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class=\"su-spoiler su-spoiler-style-modern-light su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-anchor=\"send-po-tsv-js\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>HTML\/JavaScript (click to open)<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;form id=&quot;send_po_tsv_trigger&quot;&gt;\n  &lt;label for=&quot;qEmail&quot;&gt;&lt;strong&gt;Email Address \uff0f \u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9&lt;\/strong&gt;:&lt;\/label&gt;&lt;br&gt;\n  &lt;input  id=&quot;qEmail&quot; type=&quot;email&quot; name=&quot;q_Email&quot;\n    placeholder=&quot;you@example.com&quot; required size=&quot;32&quot; maxlength=&quot;64&quot;&gt;&lt;br&gt;&lt;br&gt;\n  &lt;label   for=&quot;qTsv&quot;&gt;&lt;strong&gt;Purchase Orders TSV \uff0f \u767a\u6ce8TSV&lt;\/strong&gt;:&lt;\/label&gt;&lt;br&gt;\n  q_product -  q_quantity - q_price - (q_amount:calced)&lt;br&gt;\n  &lt;textarea id=&quot;qTsv&quot; name=&quot;q_line_items&quot; rows=&quot;5&quot; cols=&quot;33&quot;&gt;&lt;\/textarea&gt;\n  &lt;input id=&quot;qsubmit&quot; type=&quot;submit&quot; value=&quot;Submit \uff0f \u9001\u4fe1&quot;&gt;\n&lt;\/form&gt;\n&lt;div id=&quot;send_po_tsv_log&quot;&gt;A few minutes after submitting, an order confirmation URL will be sent.&lt;\/div&gt;\n\n&lt;script&gt;\nconst strStartUrl   = &quot;https:\/\/example.questetra.net\/System\/Event\/MessageStart\/99\/0\/start&quot;; \/\/ \u2605\u2605\nconst strKey        = &quot;GdixCgUffsvDBqnsOPPQUVgWtmwEbsjC&quot;; \/\/ \u2605\u2605See your workflow app\u2605\u2605\nconst strIdForm     = &quot;#send_po_tsv_trigger&quot;;      \/\/ \u2605must be same as Trigger form id\u2605\nconst strIdLog      = &quot;#send_po_tsv_log&quot;;          \/\/ \u2605must be same as Log div id\u2605\nconst strIdTextarea = &quot;#qTsv&quot;;   \/\/ \u2605\nconst strIdEmail    = &quot;#qEmail&quot;; \/\/ \u2605\n\nconst elTriggerForm = document.querySelector ( strIdForm );\nconst elOutput      = document.querySelector ( strIdLog );\nconst elTextarea    = document.querySelector ( strIdTextarea );\nconst elEmail       = document.querySelector ( strIdEmail );\n\nelTextarea.addEventListener ( &#39;change&#39;, function(ev) { \/\/ Preview TSV in elOutput\n  \/\/let elOutput    = document.querySelector ( strIdLog );\n  let arr2dPo = parseAsRectangular( elTextarea.value );\n  let strTmpHtml    = &quot;&quot;;\n  strTmpHtml       += &quot;Entered TSV preview  (&quot; + arr2dPo[0].length + &quot; cols  &quot; + arr2dPo.length + &quot; rows)&lt;br&gt;&quot;;\n  strTmpHtml       += &quot;&lt;table&gt;&quot;;\n  for( let i = 0; i &lt; arr2dPo.length; i++ ){\n    strTmpHtml     += &quot;&lt;tr&gt;&quot;;\n    for( let j = 0; j &lt; arr2dPo[i].length; j++ ){\n      strTmpHtml   += &quot;&lt;td style=&#39;padding:0px 2px&#39;&gt;&quot; + encodeHTML( arr2dPo[i][j] ) + &quot;&lt;\/td&gt;&quot;;\n    }\n    strTmpHtml     += &quot;&lt;\/tr&gt;&quot;;\n  }\n  strTmpHtml       += &quot;&lt;\/table&gt;&quot;;\n  elOutput.innerHTML = strTmpHtml;\n}, false);\n\nelTriggerForm.addEventListener ( &#39;submit&#39;, function(ev) {\n  ev.preventDefault();\n  \/\/let elOutput    = document.querySelector( strIdLog );\n  let arr2dPo = parseAsRectangular( elTextarea.value );\n  let strQtableXml  = &quot;&quot;;\n  strQtableXml     += &quot;&lt;list&gt;&quot;;\n  for( let i = 0; i &lt; arr2dPo.length; i++ ){\n    strQtableXml   += &quot;&lt;row&gt;&quot;;\n    for( let j = 0; j &lt; arr2dPo[i].length; j++ ){\n      strQtableXml += &quot;&lt;col&gt;&quot; + encodeHTML( arr2dPo[i][j] ) + &quot;&lt;\/col&gt;&quot;;\n    }\n    strQtableXml   += &quot;&lt;\/row&gt;&quot;;\n  }\n  strQtableXml     += &quot;&lt;\/list&gt;&quot;;\n\n  let objFormData   = new FormData();\n  objFormData.append ( &#39;q_Email&#39;     , elEmail.value ); \/\/ \u2605\n  objFormData.append ( &#39;q_line_items&#39;, strQtableXml  ); \/\/ \u2605\n  objFormData.append ( &#39;key&#39;, strKey );\n\n  elOutput.innerHTML = &quot;Uploading ...&quot;;\n  fetch( strStartUrl, {\tmethod: &#39;POST&#39;, mode: &#39;cors&#39;, body: objFormData } ).then( response =&gt; {\n    console.log( &#39;response: &#39; + response.ok + &quot; &quot; + response.status + &quot; &quot; + response.statusText );\n      \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/Response\n    if ( !response.ok ) { throw new Error( &quot;response was not ok&quot; ); } \/\/ go &quot;catch&quot;\n    return response.text(); \/\/ QBPMS responces the string PID.\n  })\n  .then( (text) =&gt; {\n    elOutput.innerHTML = &quot;Accepted (ID: &quot; + text + &quot;).&quot;;\n  })\n  .catch( (error) =&gt; {\n    elOutput.innerHTML = error;\n  });\n}, false);\n\n\n\/\/\/\/\/\/ functions\n\/\/\/\/ Escape XML\/HTML\nfunction encodeHTML ( str ){\n  return str.replace(\/&\/g, &#39;&&#39;).replace(\/&lt;\/g, &#39;&lt;&#39;).replace(\/&gt;\/g, &#39;&gt;&#39;)\n            .replace(\/&quot;\/g, &#39;&quot;&#39;).replace(\/&#39;\/g, &#39;&#39;&#39;);\n}\n\n\/\/\/\/ Parses TSV string as two-dimensional rectangular data matrix and creates a 2D array.\nfunction parseAsRectangular( strTsv ){\n  const arrTsv = strTsv.split(&quot;\\n&quot;);\n  \/\/\/ Get numMinWidth and numMaxWidth (blank lines are excluded)\n  let numMinWidth   = Infinity; \/\/ cf. String-Type Max: 1 million\n  let numMaxWidth   = 0;\n  let numBlanklines = 0;\n  for( let i = 0; i &lt; arrTsv.length; i++ ){\n    if( arrTsv[i] === &quot;&quot; ){ \/\/ Skip blank lines\n      numBlanklines += 1;\n      continue;\n    }\n    let arrCells = arrTsv[i].split(&quot;\\t&quot;);\n    if( numMinWidth &gt; arrCells.length ){ numMinWidth = arrCells.length; }\n    if( numMaxWidth &lt; arrCells.length ){ numMaxWidth = arrCells.length; }\n  }\n  console.log( &quot; TsvDataCheck:&quot; + &quot; MinWidth:&quot; + numMinWidth + &quot; MaxWidth:&quot; + numMaxWidth +\n               &quot; Lines:&quot; + arrTsv.length + &quot; (BlankLines:&quot; + numBlanklines + &quot;)&quot; );\n  \/\/\/ Get numMinWidth and numMaxWidth (blank lines are excluded)\n  let arr2dTsv      = [];\n  for( let i = 0; i &lt; arrTsv.length; i++ ){\n    if( arrTsv[i] === &quot;&quot; ){ \/\/ Skip blank lines\n      continue;\n    }\n    let arrTmp = [];\n    let arrCells = arrTsv[i].split(&quot;\\t&quot;);\n    for( let j = 0; j &lt; numMaxWidth; j++ ){\n      if( j &lt; arrCells.length ){\n        arrTmp[j] = arrCells[j];\n      }else{\n        arrTmp[j] = &quot;&quot;;\n      }\n    }\n    arr2dTsv.push( arrTmp );\n  }\n  return arr2dTsv;\n}\n&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-ast-global-color-1-color has-alpha-channel-opacity has-ast-global-color-1-background-color has-background is-style-wide\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"recaptcha-token\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#c01565\" class=\"has-inline-color\">Send Inquiry with reCAPTCHA token<\/mark><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full q-box\"><a href=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/11\/recaptcha-token.gif?ssl=1\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/11\/recaptcha-token.gif?resize=640%2C360&#038;ssl=1\" alt=\"\" class=\"wp-image-138592\"\/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><a href=\".\/send-inquiry-with-recaptcha-token\/\" target=\"_blank\" rel=\"noreferrer noopener\"><i class=\"fal fa-rocket-launch\"><\/i> Online DEMO<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>form#recaptcha_token_trigger\n<ul class=\"wp-block-list\">\n<li><i class=\"fas fa-input-text\" style=\"color: #1E90FF;\"><\/i> <code>qEmail<\/code> \u2192 <i class=\"fas fa-font\" style=\"color: #009900;\"><\/i> <code>q_Email<\/code><\/li>\n\n\n\n<li><i class=\"fas fa-align-left\" style=\"color: #1E90FF;\"><\/i> <code>qInquiryText<\/code> \u2192 <i class=\"fas fa-font\" style=\"color: #009900;\"><\/i> <code>q_InquiryText<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>script\n<ul class=\"wp-block-list\">\n<li><i class=\"fab fa-js\" style=\"color: #1E90FF;\"><\/i> <code>strKey<\/code> \u2192 <i class=\"fas fa-lock\" style=\"color: #009900;\"><\/i> <code>key<\/code><\/li>\n\n\n\n<li><i class=\"fab fa-js\" style=\"color: #1E90FF;\"><\/i> <code>strToken<\/code> \u2192 <i class=\"fas fa-lock\" style=\"color: #009900;\"><\/i> <code>q_Token<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class=\"su-spoiler su-spoiler-style-modern-light su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-anchor=\"recaptcha-token-javascript\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>HTML\/JavaScript (click to open)<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;form id=&quot;recaptcha_token_trigger&quot; style=&quot;background:#f4f5f7;border-radius:10px;padding:10px 40px;margin:0px 10px 20px;&quot;&gt;\n  &lt;label for=&quot;qEmail&quot;&gt;&lt;strong&gt;Email Address \uff0f \u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9&lt;\/strong&gt;:&lt;\/label&gt;&lt;br&gt;\n  &lt;input  id=&quot;qEmail&quot; type=&quot;email&quot; name=&quot;q_Email&quot;\n    placeholder=&quot;you@example.com&quot; required size=&quot;32&quot; maxlength=&quot;64&quot;&gt;&lt;br&gt;\n  &lt;br&gt;\n  &lt;label   for=&quot;qInquiryText&quot;&gt;&lt;strong&gt;Inquiry \uff0f \u554f\u5408&lt;\/strong&gt;:&lt;\/label&gt;&lt;br&gt;\n  &lt;textarea id=&quot;qInquiryText&quot; name=&quot;q_InquiryText&quot; rows=&quot;5&quot; cols=&quot;33&quot;&gt;&lt;\/textarea&gt;&lt;br&gt;\n  &lt;br&gt;\n  &lt;input type=&quot;checkbox&quot; class=&quot;qPolicyCheck&quot;&gt;\n  I Agree to &lt;a href=&quot;https:\/\/questetra.com\/privacy\/&quot; target=&quot;_blank&quot;&gt;Privacy Policy&lt;\/a&gt; \uff0f\n  &lt;a href=&quot;https:\/\/questetra.com\/ja\/privacy\/&quot; target=&quot;_blank&quot;&gt;\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc&lt;\/a&gt;\u306b\u540c\u610f&lt;br&gt;&lt;!-- \u2605\u2605 --&gt;\n  &lt;button type=&quot;button&quot; id=&quot;qSubmit&quot; class=&quot;qCorsSubmit&quot;&gt;Submit \uff0f \u9001\u4fe1&lt;\/button&gt;&lt;br&gt;\n  &lt;span id=&quot;recaptcha_token_log&quot;&gt;&lt;\/span&gt;&lt;br&gt;\n  &lt;span style=&quot;color:#8899cc;margin:10px;font-size:80%;&quot;&gt;This site is protected by &lt;strong&gt;reCAPTCHA&lt;\/strong&gt;\n  and the Google &lt;a href=&quot;https:\/\/policies.google.com\/privacy&quot; target=&quot;_blank&quot;&gt;Privacy Policy&lt;\/a&gt;\n  and &lt;a href=&quot;https:\/\/policies.google.com\/terms&quot; target=&quot;_blank&quot;&gt;Terms of Service&lt;\/a&gt; apply.&lt;\/span&gt;&lt;br&gt;\n&lt;\/form&gt;\n&lt;script src=&quot;https:\/\/www.google.com\/recaptcha\/api.js?render=6LfUw-oiAAAAAKCeFNc4OeABMQnOY_6N1mTf0ot5&quot;&gt;&lt;\/script&gt;\n&lt;style&gt;\n  .grecaptcha-badge { visibility: hidden; }\n  .qCorsSubmit { pointer-events:none; background:#888888;} \/* imperfect control *\/\n  .qPolicyCheck:checked ~ .qCorsSubmit { pointer-events:auto; background:#1565c0;}\n&lt;\/style&gt;\n&lt;script&gt;\nconst strRecSitekey = &quot;6LfUw-oiAAAAAKCeFNc4OeABMQnOY_6N1mTf0ot5&quot;; \/\/ \u2605\u2605\u2605 See recaptcha\/admin \u2605\u2605\u2605\n  \/\/ https:\/\/www.google.com\/recaptcha\/admin\/\nconst strStartUrl   = &quot;https:\/\/example.questetra.net\/System\/Event\/MessageStart\/99\/0\/start&quot;; \/\/ \u2605\u2605\nconst strKey        = &quot;vJbtcnFVF5TY72WIHOMddZLcIUkuFxEj&quot;; \/\/ \u2605\u2605 See your workflow app \u2605\u2605\nconst strIdLog      = &quot;#recaptcha_token_log&quot;;       \/\/ \u2605must be same as Log dom id\u2605\nconst strIdTrigForm = &quot;#recaptcha_token_trigger&quot;;   \/\/ \u2605\nconst strIdEmail    = &quot;#qEmail&quot;;                    \/\/ \u2605\nconst strIdInquiry  = &quot;#qInquiryText&quot;;              \/\/ \u2605\nconst strIdSubmit   = &quot;#qSubmit&quot;;                   \/\/ \u2605\n\nconst elTriggerForm = document.querySelector ( strIdTrigForm );\nconst elOutput      = document.querySelector ( strIdLog );\nconst elEmail       = document.querySelector ( strIdEmail );\nconst elInquiry     = document.querySelector ( strIdInquiry );\n\ndocument.querySelector ( strIdSubmit ).addEventListener( &#39;click&#39;, ()=&gt;{\n  grecaptcha.ready( ()=&gt;{   \/\/ https:\/\/developers.google.com\/recaptcha\/docs\/v3\n    grecaptcha.execute( strRecSitekey, { action: &#39;DemoInquiry&#39; } ).then( async ( strToken )=&gt;{\n      \/\/ For your top ten actions in the admin console ,..\n      \/\/ https:\/\/developers.google.com\/recaptcha\/docs\/v3#actions\n\n      let objFormData   = new FormData();\n      objFormData.append ( &#39;key&#39;, strKey );\n      objFormData.append ( &#39;q_RecToken&#39;, strToken );\n      objFormData.append ( &#39;q_Email&#39;   , elEmail.value   ); \/\/ \u2605\n      objFormData.append ( &#39;q_Inquiry&#39; , elInquiry.value ); \/\/ \u2605\n      elOutput.innerHTML = &quot;Uploading ...&quot;;\n      fetch( strStartUrl, { method: &#39;POST&#39;, mode: &#39;cors&#39;, body: objFormData } ).then( response =&gt; {\n        console.log( &#39;response: &#39; + response.ok + &quot; &quot; + response.status + &quot; &quot; + response.statusText );\n          \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/Response\n        if ( !response.ok ) { throw new Error( &quot;response was not ok&quot; ); } \/\/ goto &quot;catch&quot;\n        return response.text(); \/\/ QBPMS responces the string PID.\n      })\n      .then( (text) =&gt; {\n        elOutput.innerHTML = &quot;Accepted (ID: &quot; + text + &quot;).&quot;;\n        elTriggerForm.reset();\n          \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/HTMLFormElement\/reset\n      })\n      .catch( (error) =&gt; {\n        elOutput.innerHTML = error;\n      });\n\n    });\n  });\n});\n\n\/\/\/\/ The gReCaptcha badge is hidden.\n\/\/\/\/ \u53f3\u4e0b\u8868\u793a\u3055\u308c\u308b reCAPTCHA v3 \u306e\u30d0\u30c3\u30b8\u306f\u975e\u8868\u793a\u306b\u3002\n  \/\/ https:\/\/developers.google.com\/recaptcha\/docs\/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed\n  \/\/ CAPTCHA: &quot;Completely Automated Public Turing test to tell Computers and Humans Apart&quot;\n&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-ast-global-color-1-color has-alpha-channel-opacity has-ast-global-color-1-background-color has-background is-style-wide\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#c01565\" class=\"has-inline-color\">Send Inquiry and GA4 Event<\/mark><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full q-box\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/send-inquiry-and-ga4-event.gif?resize=640%2C360&#038;ssl=1\" alt=\"\" class=\"wp-image-139990\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><i class=\"fal fa-rocket-launch\"><\/i> <a href=\".\/send-inquiry-and-ga4-event\/\" target=\"_blank\" rel=\"noreferrer noopener\">Online DEMO<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>form#ga4_event_trigger\n<ul class=\"wp-block-list\">\n<li><i class=\"fas fa-input-text\" style=\"color: #1E90FF;\"><\/i> <code>qEmail<\/code> \u2192 <i class=\"fas fa-font\" style=\"color: #009900;\"><\/i> <code>q_Email<\/code><\/li>\n\n\n\n<li><i class=\"fas fa-align-left\" style=\"color: #1E90FF;\"><\/i> <code>qInquiryText<\/code> \u2192 <i class=\"fas fa-font\" style=\"color: #009900;\"><\/i> <code>q_Inquiry<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>script\n<ul class=\"wp-block-list\">\n<li><i class=\"fab fa-js\" style=\"color: #1E90FF;\"><\/i> <code>strKey<\/code> \u2192 <i class=\"fas fa-lock\" style=\"color: #009900;\"><\/i> <code>key<\/code><\/li>\n\n\n\n<li><i class=\"fab fa-js\" style=\"color: #1E90FF;\"><\/i> {event} \u2192 <i class=\"fab fa-google\" style=\"color: #E37400;\"><\/i> GA4 event<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class=\"su-spoiler su-spoiler-style-modern-light su-spoiler-icon-plus-square-1 su-spoiler-closed\" data-anchor=\"send-inquiry-and-ga4-event-javascript\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>HTML\/JavaScript (click to open)<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;script async src=&quot;https:\/\/www.googletagmanager.com\/gtag\/js?id=G-YourMesuID&quot;&gt;&lt;\/script&gt; \n&lt;script&gt;\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag(&#39;js&#39;, new Date());\n  gtag(&#39;config&#39;, &#39;G-YourMesuID&#39;);\n&lt;\/script&gt;\n\n&lt;form id=&quot;ga4_event_trigger&quot; style=&quot;background:#f4f5f7;border-radius:10px;padding:10px 40px;margin:0px 10px 20px;&quot;&gt;\n  &lt;br&gt;\n  &lt;label for=&quot;qEmail&quot;&gt;&lt;strong&gt;Email Address \uff0f \u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9&lt;\/strong&gt;:&lt;\/label&gt;&lt;br&gt;\n  &lt;input  id=&quot;qEmail&quot; type=&quot;email&quot; name=&quot;q_Email&quot;\n    placeholder=&quot;you@example.com&quot; required size=&quot;32&quot; maxlength=&quot;64&quot;&gt;&lt;br&gt;\n  &lt;br&gt;\n  &lt;label   for=&quot;qInquiryText&quot;&gt;&lt;strong&gt;Inquiry \uff0f \u554f\u5408&lt;\/strong&gt;:&lt;\/label&gt;&lt;br&gt;\n  &lt;textarea id=&quot;qInquiryText&quot; name=&quot;q_InquiryText&quot; rows=&quot;5&quot; cols=&quot;33&quot;&gt;&lt;\/textarea&gt;&lt;br&gt;\n  &lt;br&gt;\n  &lt;button type=&quot;button&quot; id=&quot;qSubmit&quot; class=&quot;qCorsSubmit&quot;&gt;Submit \uff0f \u9001\u4fe1&lt;\/button&gt;&lt;br&gt;\n  &lt;span id=&quot;ga4_event_log&quot;&gt;&lt;\/span&gt;&lt;br&gt;\n&lt;\/form&gt;\n\n&lt;script&gt;\nconst strGa4Id            = &quot;G-YourMesuID&quot;;               \/\/ \u2605\u2605 See GA4 Admin DataStreams \u2605\u2605\nconst strGa4EventName     = &quot;sign_up&quot;;                    \/\/ \u2605\u2605 Event Name Count As \u2605\u2605\nconst numGa4EventValue    = 5000;                         \/\/ \u2605\u2605 Event Value for Conversion \u2605\u2605\nconst strGa4EventCurrency = &quot;JPY&quot;;                        \/\/ \u2605\u2605 USD, JPY, EUR... \u2605\u2605\nconst strGa4EventMethod   = &quot;Camp202212&quot;;                 \/\/ \u2605\u2605 form parameter &quot;method&quot; \u2605\u2605\n\nconst strStartUrl   = &quot;https:\/\/example.questetra.net\/System\/Event\/MessageStart\/99\/0\/start&quot;; \/\/ \u2605\u2605\nconst strKey        = &quot;sYJDWsP09zFT2rkoVLmFnUgvmphfrgzq&quot;;       \/\/ \u2605\u2605 See your workflow app \u2605\u2605\nconst strIdLog      = &quot;#ga4_event_log&quot;;                         \/\/ \u2605must be same as Log dom id\u2605\nconst strIdTrigForm = &quot;#ga4_event_trigger&quot;;                     \/\/ \u2605\nconst strIdEmail    = &quot;#qEmail&quot;;                                \/\/ \u2605\nconst strIdInquiry  = &quot;#qInquiryText&quot;;                          \/\/ \u2605\nconst strIdSubmit   = &quot;#qSubmit&quot;;                               \/\/ \u2605\n\nconst elTriggerForm = document.querySelector ( strIdTrigForm );\nconst elOutput      = document.querySelector ( strIdLog );\nconst elEmail       = document.querySelector ( strIdEmail );\nconst elInquiry     = document.querySelector ( strIdInquiry );\n\ndocument.querySelector ( strIdSubmit ).addEventListener( &#39;click&#39;, ()=&gt;{\n  gtag( &#39;event&#39;, strGa4EventName, {\n    &#39;value&#39;:    numGa4EventValue,\n    &#39;currency&#39;: strGa4EventCurrency,\n    &#39;method&#39;:   strGa4EventMethod,\n    &#39;send_to&#39;:  strGa4Id\n  });\n  \/\/ https:\/\/developers.google.com\/tag-platform\/gtagjs\/reference?#event\n\n  let objFormData   = new FormData();\n  objFormData.append ( &#39;key&#39;, strKey );\n  objFormData.append ( &#39;q_Email&#39;   , elEmail.value   ); \/\/ \u2605\n  objFormData.append ( &#39;q_Inquiry&#39; , elInquiry.value ); \/\/ \u2605\n  elOutput.innerHTML = &quot;Uploading ...&quot;;\n  fetch( strStartUrl, { method: &#39;POST&#39;, mode: &#39;cors&#39;, body: objFormData } ).then( response =&gt; {\n    console.log( &#39;response: &#39; + response.ok + &quot; &quot; + response.status + &quot; &quot; + response.statusText );\n      \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/Response\n    if ( !response.ok ) { throw new Error( &quot;response was not ok&quot; ); } \/\/ goto &quot;catch&quot;\n    return response.text(); \/\/ QBPMS responces the string PID.\n  })\n  .then( (text) =&gt; {\n    elOutput.innerHTML = &quot;Accepted (ID: &quot; + text + &quot;).&quot;;\n    elTriggerForm.reset();\n      \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/HTMLFormElement\/reset\n  })\n  .catch( (error) =&gt; {\n    elOutput.innerHTML = error;\n  });\n\n});\n&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-ast-global-color-1-color has-alpha-channel-opacity has-ast-global-color-1-background-color has-background is-style-wide\"\/>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-ast-global-color-1-color has-alpha-channel-opacity has-ast-global-color-1-background-color has-background is-style-wide\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"appendix-ja\">&#8211; appendix (ja) &#8211;<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u57fa\u76e4\uff08\u30c7\u30fc\u30bf\u53d7\u4fe1\u5074\uff09\u306b\u3066\uff3bCORS\uff3d\u304c\u6b63\u3057\u304f\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u306a\u3044\u5834\u5408\u3001\n<ul class=\"wp-block-list\">\n<li>\uff3bCORS\uff3d: Cross-Origin Resource Sharing<\/li>\n\n\n\n<li>\u30d6\u30e9\u30a6\u30b6 DevTool &#8220;Console&#8221; \u306b\u30a8\u30e9\u30fc\u304c\u51fa\u529b\u3055\u308c\u307e\u3059\u3002\n<ul class=\"wp-block-list\">\n<li>Access to XMLHttpRequest at &#8216;http s:\/\/example.questetra.net\/System\/Event\/MessageStart\/999\/0\/start&#8217;<\/li>\n\n\n\n<li>from origin &#8216;http s:\/\/corp.example.com&#8217; has been blocked by CORS policy:<\/li>\n\n\n\n<li>No &#8216;Access-Control-Allow-Origin&#8217; header is present on the requested resource.<\/li>\n\n\n\n<li>POST http s:\/\/example.questetra.net\/System\/Event\/MessageStart\/999\/0\/start net::ERR_FAILED 403<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u30d6\u30e9\u30a6\u30b6 DevTool &#8220;Network&#8221; \u306b\u30a8\u30e9\u30fc\u304c\u51fa\u529b\u3055\u308c\u307e\u3059\u3002\n<ul class=\"wp-block-list\">\n<li>Request URL: http s:\/\/example.questetra.net\/System\/Event\/MessageStart\/999\/0\/start<\/li>\n\n\n\n<li>Request Method: POST<\/li>\n\n\n\n<li>Status Code: 403<\/li>\n\n\n\n<li>Referrer Policy: strict-origin-when-cross-origin<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Questetra Manual (ja)\n<ul class=\"wp-block-list\">\n<li>M221: \u7279\u5b9aURI\u306bHTTP\u30ea\u30af\u30a8\u30b9\u30c8\u304c\u3042\u3063\u305f\u6642\u306b\u81ea\u52d5\u7684\u306b\u958b\u59cb\u3055\u308c\u308b\u3088\u3046\u306b\u8a2d\u5b9a\u3059\u308b\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/questetra.zendesk.com\/hc\/ja\/articles\/360002245432-M221\" rel=\"nofollow\">https:\/\/questetra.zendesk.com\/hc\/ja\/articles\/360002245432-M221<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>M419: \u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u901a\u4fe1\u306e\u53d7\u4fe1\u3067\u81ea\u52d5\u958b\u59cb\u3055\u308c\u308b\u3088\u3046\u306b\u8a2d\u5b9a\u3059\u308b\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/questetra.zendesk.com\/hc\/ja\/articles\/360018836991-M419\" rel=\"nofollow\">https:\/\/questetra.zendesk.com\/hc\/ja\/articles\/360018836991-M419<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"appendix-en\">&#8211; appendix (en) &#8211;<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"color: var(--ast-global-color-3); font-size: 1rem;\">If CORS is not configured correctly on the workflow platform (data receiving side)<\/span>\n<ul class=\"wp-block-list\">\n<li>CORS: Cross-Origin Resource Sharing<\/li>\n\n\n\n<li>Errors are logged in the Browser DevTool &#8220;Console&#8221;.\n<ul class=\"wp-block-list\">\n<li>Access to XMLHttpRequest at &#8216;http s:\/\/example.questetra.net\/System\/Event\/MessageStart\/999\/0\/start&#8217;<\/li>\n\n\n\n<li>from origin &#8216;http s:\/\/corp.example.com&#8217; has been blocked by CORS policy:<\/li>\n\n\n\n<li>No &#8216;Access-Control-Allow-Origin&#8217; header is present on the requested resource.<\/li>\n\n\n\n<li>POST http s:\/\/example.questetra.net\/System\/Event\/MessageStart\/999\/0\/start net::ERR_FAILED 403<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Errors are logged in the Browser DevTool &#8220;&#8221;Network&#8221;.\n<ul class=\"wp-block-list\">\n<li>Request URL: http s:\/\/example.questetra.net\/System\/Event\/MessageStart\/999\/0\/start<\/li>\n\n\n\n<li>Request Method: POST<\/li>\n\n\n\n<li>Status Code: 403<\/li>\n\n\n\n<li>Referrer Policy: strict-origin-when-cross-origin<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Questetra Manual (en)\n<ul class=\"wp-block-list\">\n<li>M221: Auto Start Triggered by HTTP Request\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/questetra.zendesk.com\/hc\/ja\/articles\/360002245432-M221\" rel=\"nofollow\">https:\/\/questetra.zendesk.com\/hc\/ja\/articles\/360002245432-M221<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>M419: Starting Automatically when Cross-Domain Communication is Received\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/questetra.zendesk.com\/hc\/ja\/articles\/360018836991-M419\" rel=\"nofollow\">https:\/\/questetra.zendesk.com\/hc\/ja\/articles\/360018836991-M419<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;\u65b0\u3057\u3044\u30d7\u30ed\u30bb\u30b9&#8221; \u304c\u81ea\u52d5\u751f\u6210\u3055\u308c\u308b\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306f\u79c0\u9038\u3067\u3059\u3002&#8221;\u81ea\u52d5\u958b\u59cb&#8221; \u306f\u6539\u5584\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3\u3092\u7dad\u6301\u3059\u308b\u305f\u3081\u306e\u6700\u91cd\u8981\u8981\u7d20\u3068\u8a00\u3063\u3066\u3082\u904e\u8a00\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002Workflow \u30a2\u30d7\u30ea\u306b\uff3b\u30e1\u30c3\u30bb\u30fc\u30b8\u958b\u59cb\u30a4\u30d9\u30f3\u30c8\uff3d\u3092\u914d\u7f6e\u3059\u308c\u3070\u3001\u300cWorkflow \u57fa\u76e4\u306e\u5916\u304b\u3089\u306e HTTP \u30ea\u30af\u30a8\u30b9\u30c8\u300d\u306b\u3088\u3063\u3066\u65b0\u3057\u3044\u30d7\u30ed\u30bb\u30b9\uff08\u6848\u4ef6\uff09\u3092\u81ea\u52d5\u958b\u59cb\u3055\u305b\u308b\u3053\u3068\u304c\u53ef\u80fd\u3068\u306a\u308a\u307e\u3059\u3002\u305f\u3068\u3048\u3070\u300c\u30bb\u30f3\u30b5\u30fc\u691c\u77e5\u3067\u5bfe\u5fdc\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u8d77\u52d5\u3059\u308b\u300d\u3001\u300c\u90e8\u5916\u8005\u304b\u3089\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u53d7\u4fe1\u3067\u56de\u7b54\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u8d77\u52d5\u3059\u308b\u300d\u3001\u3042\u308b\u3044\u306f\u300c\u30ea\u30b9\u30c8\u30d5\u30a1\u30a4\u30eb\u3092\u7528\u3044\u3066\u6ca2\u5c71\u306e\u8abf\u67fb\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u4e00\u62ec\u3057\u3066\u8d77\u52d5\u3059\u308b\u300d\u3068\u3044\u3063\u305f\u5b9f\u88c5\u304c\u53ef\u80fd\u3068\u306a\u308a\u307e\u3059\u3002\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001\uff3b\u30e1\u30c3\u30bb\u30fc\u30b8\u958b\u59cb\u30a4\u30d9\u30f3\u30c8\uff08HTTP\uff09\uff3d\u3084\uff3b\u30e1\u30c3\u30bb\u30fc\u30b8\u958b\u59cb\u30a4\u30d9\u30f3\u30c8\uff08Webhook\uff09\uff3d\u3092\u30ad\u30c3\u30af\u3059\u308bHTML\/JavaScript\u30b3\u30fc\u30c9\u3092\u4f8b\u793a\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"author":2,"featured_media":137993,"parent":106397,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-138014","page","type-page","status-publish","has-post-thumbnail","hentry"],"uagb_featured_image_src":{"full":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?fit=1200%2C675&ssl=1",1200,675,false],"thumbnail":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=440%2C440&ssl=1",440,440,true],"medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?fit=560%2C315&ssl=1",560,315,true],"medium_large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?fit=768%2C432&ssl=1",768,432,true],"large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?fit=1024%2C576&ssl=1",1024,576,true],"1536x1536":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?fit=1200%2C675&ssl=1",1200,675,true],"2048x2048":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?fit=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-landscape-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-portrait-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=900%2C675&ssl=1",900,675,true],"newspack-article-block-square-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-landscape-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=800%2C600&ssl=1",800,600,true],"newspack-article-block-portrait-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=600%2C675&ssl=1",600,675,true],"newspack-article-block-square-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=800%2C675&ssl=1",800,675,true],"newspack-article-block-landscape-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=600%2C450&ssl=1",600,450,true],"newspack-article-block-portrait-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=450%2C600&ssl=1",450,600,true],"newspack-article-block-square-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=600%2C600&ssl=1",600,600,true],"newspack-article-block-landscape-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=400%2C300&ssl=1",400,300,true],"newspack-article-block-portrait-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=300%2C400&ssl=1",300,400,true],"newspack-article-block-square-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=400%2C400&ssl=1",400,400,true],"newspack-article-block-landscape-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=200%2C150&ssl=1",200,150,true],"newspack-article-block-portrait-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=150%2C200&ssl=1",150,200,true],"newspack-article-block-square-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?resize=200%2C200&ssl=1",200,200,true],"newspack-article-block-uncropped":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?fit=1200%2C675&ssl=1",1200,675,true]},"uagb_author_info":{"display_name":"IMAMURA, Genichi","author_link":"https:\/\/support.questetra.com\/ja\/author\/imamuragenichi\/"},"uagb_comment_info":0,"uagb_excerpt":"\"\u65b0\u3057\u3044\u30d7\u30ed\u30bb\u30b9\" \u304c\u81ea\u52d5\u751f\u6210\u3055\u308c\u308b\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306f\u79c0\u9038\u3067\u3059\u3002\"\u81ea\u52d5\u958b\u59cb\" \u306f\u6539\u5584\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3\u3092\u7dad\u6301\u3059\u308b\u305f\u3081\u306e&hellip;","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P9DiIh-zU2","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":106397,"url":"https:\/\/support.questetra.com\/ja\/tips\/","url_meta":{"origin":138014,"position":0},"title":"Developer Tips","author":"IMAMURA, Genichi","date":"2021-05-06","format":false,"excerpt":"\"\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u57fa\u76e4\" \u3092\u4f7f\u3044\u3053\u306a\u3059\u305f\u3081\u306e\u30d2\u30f3\u30c8\u96c6\u3002","rel":"","context":"\u985e\u4f3c\u6295\u7a3f","block_context":{"text":"\u985e\u4f3c\u6295\u7a3f","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/business-process-developer-tips.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/business-process-developer-tips.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/business-process-developer-tips.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/business-process-developer-tips.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/business-process-developer-tips.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":137991,"url":"https:\/\/support.questetra.com\/tips\/workflow-trigger-code-202211\/","url_meta":{"origin":138014,"position":1},"title":"Workflow Trigger Code 202211","author":"IMAMURA, Genichi","date":"2022-10-26","format":false,"excerpt":"\"\u65b0\u3057\u3044\u30d7\u30ed\u30bb\u30b9\" \u304c\u81ea\u52d5\u751f\u6210\u3055\u308c\u308b\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306f\u79c0\u9038\u3067\u3059\u3002\"\u81ea\u52d5\u958b\u59cb\" \u306f\u6539\u5584\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3\u3092\u7dad\u6301\u2026","rel":"","context":"\u985e\u4f3c\u6295\u7a3f","block_context":{"text":"\u985e\u4f3c\u6295\u7a3f","link":""},"img":{"alt_text":"Workflow Trigger Code","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/workflow-trigger-code.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":156420,"url":"https:\/\/support.questetra.com\/ja\/support-service\/demo\/","url_meta":{"origin":138014,"position":2},"title":"\u30af\u30a4\u30c3\u30af\u30c7\u30e2","author":"Tomoatsu Horibe","date":"2024-01-18","format":false,"excerpt":"\u767b\u9332\u306a\u3057\u3067\u6a5f\u80fd\u3084\u64cd\u4f5c\u6027\u3092\u4eca\u3059\u3050\u78ba\u8a8d\u3067\u304d\u308b\u3001\u30c7\u30e2\u7248\u306e Questetra BPM Suite \u3067\u3059\u3002","rel":"","context":"\u985e\u4f3c\u6295\u7a3f","block_context":{"text":"\u985e\u4f3c\u6295\u7a3f","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2024\/01\/qLargeJpg-Modeling-1321-03-en.jpg?fit=1200%2C630&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2024\/01\/qLargeJpg-Modeling-1321-03-en.jpg?fit=1200%2C630&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2024\/01\/qLargeJpg-Modeling-1321-03-en.jpg?fit=1200%2C630&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2024\/01\/qLargeJpg-Modeling-1321-03-en.jpg?fit=1200%2C630&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2024\/01\/qLargeJpg-Modeling-1321-03-en.jpg?fit=1200%2C630&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":106379,"url":"https:\/\/support.questetra.com\/ja\/tips\/low-code-development-for-workflow-automation\/","url_meta":{"origin":138014,"position":3},"title":"\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u81ea\u52d5\u5316\u306e\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u958b\u767a","author":"IMAMURA, Genichi","date":"2021-05-06","format":false,"excerpt":"\u300c\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u5de5\u7a0b\u306e\u81ea\u52d5\u5316\u300d\uff08\u30b5\u30fc\u30d0\u30b5\u30a4\u30c9\u3067\u306e\u7121\u4eba\u51e6\u7406\u5316\uff09\u3092\u5b9f\u73fe\u3057\u305f\u3044\u5834\u5408\u3001\u30a2\u30d7\u30ea\u8a2d\u8a08\u62c5\u5f53\u8005\u306f\u3001\u201d\u30d2\u2026","rel":"","context":"\u985e\u4f3c\u6295\u7a3f","block_context":{"text":"\u985e\u4f3c\u6295\u7a3f","link":""},"img":{"alt_text":"Low Code \u3067 Workflow\u30aa\u30fc\u30c8\u30e1\u30fc\u30b7\u30e7\u30f3","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/05\/Workflow-Automation-with-Low-Code-ja.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/05\/Workflow-Automation-with-Low-Code-ja.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/05\/Workflow-Automation-with-Low-Code-ja.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/05\/Workflow-Automation-with-Low-Code-ja.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/05\/Workflow-Automation-with-Low-Code-ja.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":69865,"url":"https:\/\/support.questetra.com\/ja\/get-started\/","url_meta":{"origin":138014,"position":4},"title":"\u306f\u3058\u3081\u3066\u306e Questetra \u30a2\u30d7\u30ea\u8a2d\u8a08","author":"Hirotaka NISHI","date":"2018-07-13","format":false,"excerpt":"\u3088\u3046\u3053\u305d Questetra BPM Suite \u3078\uff01 \u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306f\u3001Questetra \u3092\u2026","rel":"","context":"\u985e\u4f3c\u6295\u7a3f","block_context":{"text":"\u985e\u4f3c\u6295\u7a3f","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2024\/04\/biginner-tutorial-temp01-1.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2024\/04\/biginner-tutorial-temp01-1.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2024\/04\/biginner-tutorial-temp01-1.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2024\/04\/biginner-tutorial-temp01-1.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2024\/04\/biginner-tutorial-temp01-1.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":142334,"url":"https:\/\/support.questetra.com\/ja\/tips\/workflow-script-example\/","url_meta":{"origin":138014,"position":5},"title":"Workflow Script Example","author":"IMAMURA, Genichi","date":"2023-02-09","format":false,"excerpt":"No-Code \u958b\u767a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u300eQuestetra BPM Suite\u300f\u3067\u306f\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30a2\u30d7\u2026","rel":"","context":"\u985e\u4f3c\u6295\u7a3f","block_context":{"text":"\u985e\u4f3c\u6295\u7a3f","link":""},"img":{"alt_text":"R2300: Workflow Script Example","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/workflow-scripting.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/workflow-scripting.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/workflow-scripting.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/workflow-scripting.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/02\/workflow-scripting.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"amp_enabled":false,"_links":{"self":[{"href":"https:\/\/support.questetra.com\/ja\/wp-json\/wp\/v2\/pages\/138014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.questetra.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/support.questetra.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/ja\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/ja\/wp-json\/wp\/v2\/comments?post=138014"}],"version-history":[{"count":33,"href":"https:\/\/support.questetra.com\/ja\/wp-json\/wp\/v2\/pages\/138014\/revisions"}],"predecessor-version":[{"id":144027,"href":"https:\/\/support.questetra.com\/ja\/wp-json\/wp\/v2\/pages\/138014\/revisions\/144027"}],"up":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/ja\/wp-json\/wp\/v2\/pages\/106397"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/ja\/wp-json\/wp\/v2\/media\/137993"}],"wp:attachment":[{"href":"https:\/\/support.questetra.com\/ja\/wp-json\/wp\/v2\/media?parent=138014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}