{"id":139947,"date":"2022-12-08T15:55:18","date_gmt":"2022-12-08T06:55:18","guid":{"rendered":"https:\/\/support.questetra.com\/?page_id=139947"},"modified":"2022-12-09T17:06:14","modified_gmt":"2022-12-09T08:06:14","slug":"send-inquiry-and-ga4-event","status":"publish","type":"page","link":"https:\/\/support.questetra.com\/en\/tips\/workflow-trigger-code-202211\/send-inquiry-and-ga4-event\/","title":{"rendered":"Send Inquiry and GA4 Event"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><a href=\"..\/\"><i class=\"fas fa-folder-arrow-up\"><\/i> Workflow Trigger Code 202211<\/a><\/p>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-aca5bb04\"><h3 class=\"uagb-heading-text\">DEMO<\/h3><\/div>\n\n\n\n<script async=\"\" src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-MDB5WT6DER\"><\/script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n  gtag('config', 'G-MDB5WT6DER');\n<\/script>\n\n<form id=\"ga4_event_trigger\" style=\"background:#f4f5f7;border-radius:10px;padding:10px 40px;margin:0px 10px 20px;\">\n  <br>\n  <label for=\"qEmail\"><strong>Email Address \uff0f \u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<\/strong>:<\/label><br>\n  <input id=\"qEmail\" type=\"email\" name=\"q_Email\" placeholder=\"you@example.com\" required=\"\" size=\"32\" maxlength=\"64\"><br>\n  <br>\n  <label for=\"qInquiryText\"><strong>Inquiry \uff0f \u554f\u5408<\/strong>:<\/label><br>\n  <textarea id=\"qInquiryText\" name=\"q_InquiryText\" rows=\"5\" cols=\"33\"><\/textarea><br>\n  <br>\n  <button type=\"button\" id=\"qSubmit\" class=\"qCorsSubmit\">Submit \uff0f \u9001\u4fe1<\/button><br>\n  <span id=\"ga4_event_log\"><\/span><br>\n<\/form>\n\n<script>\nconst strGa4Id            = \"G-MDB5WT6DER\";               \/\/ \u2605\u2605 See GA4 Admin DataStreams \u2605\u2605\nconst strGa4EventName     = \"sign_up\";                    \/\/ \u2605\u2605 Event Name Count As \u2605\u2605\nconst numGa4EventValue    = 5000;                         \/\/ \u2605\u2605 Event Value for Conversion \u2605\u2605\nconst strGa4EventCurrency = \"JPY\";                        \/\/ \u2605\u2605 USD, JPY, EUR... \u2605\u2605\nconst strGa4EventMethod   = \"Camp202212\";                 \/\/ \u2605\u2605 form parameter \"method\" \u2605\u2605\n\nconst strStartUrl   = \"https:\/\/bpm-us.questetra.net\/System\/Event\/MessageStart\/58\/0\/start\"; \/\/ \u2605\u2605\n\/\/const strStartUrl   = \"https:\/\/example.questetra.net\/System\/Event\/MessageStart\/99\/0\/start\"; \/\/ \u2605\u2605\nconst strKey        = \"sYJDWsP09zFT2rkoVLmFnUgvmphfrgzq\";       \/\/ \u2605\u2605 See your workflow app \u2605\u2605\nconst strIdLog      = \"#ga4_event_log\";                         \/\/ \u2605must be same as Log dom id\u2605\nconst strIdTrigForm = \"#ga4_event_trigger\";                     \/\/ \u2605\nconst strIdEmail    = \"#qEmail\";                                \/\/ \u2605\nconst strIdInquiry  = \"#qInquiryText\";                          \/\/ \u2605\nconst strIdSubmit   = \"#qSubmit\";                               \/\/ \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( 'click', ()=>{\n  gtag( 'event', strGa4EventName, {\n    'value':    numGa4EventValue,\n    'currency': strGa4EventCurrency,\n    'mothod':   strGa4EventMethod,\n    'send_to':  strGa4Id\n  });\n  \/\/ https:\/\/developers.google.com\/tag-platform\/gtagjs\/reference?#event\n\n  let objFormData   = new FormData();\n  objFormData.append ( 'key', strKey );\n  objFormData.append ( 'q_Email'   , elEmail.value   ); \/\/ \u2605\n  objFormData.append ( 'q_Inquiry' , elInquiry.value ); \/\/ \u2605\n  elOutput.innerHTML = \"Uploading ...\";\n  fetch( strStartUrl, { method: 'POST', mode: 'cors', body: objFormData } ).then( response => {\n    console.log( 'response: ' + response.ok + \" \" + response.status + \" \" + response.statusText );\n      \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/Response\n    if ( !response.ok ) { throw new Error( \"response was not ok\" ); } \/\/ goto \"catch\"\n    return response.text(); \/\/ QBPMS responces the string PID.\n  })\n  .then( (text) => {\n    elOutput.innerHTML = \"Accepted (ID: \" + text + \").\";\n    elTriggerForm.reset();\n      \/\/ https:\/\/developer.mozilla.org\/docs\/Web\/API\/HTMLFormElement\/reset\n  })\n  .catch( (error) => {\n    elOutput.innerHTML = error;\n  });\n\n});\n<\/script>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-7fdefcea\"><h3 class=\"uagb-heading-text\">Workflow App example<\/h3><\/div>\n\n\n\n<figure class=\"wp-block-image size-medium\"><a href=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-App-Pattern-inquiry-response.png?ssl=1\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"315\" data-attachment-id=\"140016\" data-permalink=\"https:\/\/support.questetra.com\/en\/tips\/workflow-trigger-code-202211\/send-inquiry-and-ga4-event\/attachment\/workflow-app-pattern-inquiry-response\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-App-Pattern-inquiry-response.png?fit=1200%2C675&amp;ssl=1\" data-orig-size=\"1200,675\" data-comments-opened=\"0\" data-image-title=\"Workflow-App-Pattern-inquiry-response\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-App-Pattern-inquiry-response.png?fit=1024%2C576&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-App-Pattern-inquiry-response.png?resize=560%2C315&#038;ssl=1\" alt=\"\" class=\"wp-image-140016\" srcset=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-App-Pattern-inquiry-response.png?resize=560%2C315&amp;ssl=1 560w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-App-Pattern-inquiry-response.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-App-Pattern-inquiry-response.png?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-App-Pattern-inquiry-response.png?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-bc61699e\"><h3 class=\"uagb-heading-text\">Trigger Code<\/h3><\/div>\n\n\n\n<figure class=\"wp-block-image size-medium is-resized is-style-default q-box\"><a href=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?ssl=1\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"140010\" data-permalink=\"https:\/\/support.questetra.com\/en\/tips\/workflow-trigger-code-202211\/send-inquiry-and-ga4-event\/attachment\/workflow-trigger-send-inquiry-and-ga4-event\/\" data-orig-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?fit=1200%2C675&amp;ssl=1\" data-orig-size=\"1200,675\" data-comments-opened=\"0\" data-image-title=\"Workflow-Trigger-send-inquiry-and-ga4-event\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?fit=1024%2C576&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event-560x315.png?resize=560%2C315&#038;ssl=1\" alt=\"\" class=\"wp-image-140010\" width=\"560\" height=\"315\" srcset=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?resize=560%2C315&amp;ssl=1 560w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u901a\u4fe1\u51e6\u7406\uff08XMLHttpRequest\u3084Fetch\uff09\u4f9d\u5b58\u306e\u300c\u753b\u9762\u9077\u79fb\u306e\u306a\u3044 form submit \u30dc\u30bf\u30f3\u300d\u306e\u5834\u5408\u3001\u30af\u30ea\u30c3\u30af\u3055\u308c\u3066\u3082 &#8220;<code>form_submit<\/code>&#8221; \u30a4\u30d9\u30f3\u30c8\u306f\u8a08\u6e2c\u3055\u308c\u307e\u305b\u3093\u3002<\/li>\n\n\n\n<li>JavaScript \u3067 GA4 DataStreams \u306e\u300e\u6e2c\u5b9aID\uff0fMeasurement ID\u300f\uff08\u300cG-\u300d\u3067\u59cb\u307e\u308b ID\uff09\u3092\u6307\u5b9a\u3057\u3001\u30a4\u30d9\u30f3\u30c8\u60c5\u5831\u3092\u9001\u4fe1\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>GA4 &#8220;form_submit&#8221; event is not measured in the case of form submit button without screen transition which depends on XMLHttpRequest or Fetch. <\/li>\n\n\n\n<li>JavaScript sends Event data to GA4 DataStreams &#8220;Measurement ID&#8221; starting with &#8220;G-&#8220;.<\/li>\n<\/ul>\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;mothod&#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\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-f93b9f52 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center\"><figure class=\"wp-block-uagb-image__figure\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/trigger-ga4-no-form-submit.png?ssl=1\" alt=\"\" class=\"uag-image-140034\" title=\"\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u300c\u753b\u9762\u9077\u79fb\u306e\u306a\u3044 form submit \u30dc\u30bf\u30f3\u300d\u306e\u5834\u5408\u3001\u305d\u306e\u30af\u30ea\u30c3\u30af\u6642\u306b &#8220;form_submit&#8221; \u30a4\u30d9\u30f3\u30c8\u304c\u8a08\u6e2c\u3055\u308c\u307e\u305b\u3093\u3002JavaScript \u3067 GA4 DataStreams \u306e\u300e\u6e2c\u5b9aID\uff0fMeasurement ID\u300f\uff08\u300cG-\u300d\u3067\u59cb\u307e\u308b ID\uff09\u3092\u6307\u5b9a\u3057\u3001\u30a4\u30d9\u30f3\u30c8\u60c5\u5831\u3092\u9001\u4fe1\u3057\u307e\u3059\u3002GA4 &#8220;form_submit&#8221; event is not measured in the case of form submit button without screen transition. JavaScript sends Event data to GA4 DataStreams &#8220;Measurement ID&#8221; starting with &#8220;G-&#8220;.<\/p>\n","protected":false},"author":2,"featured_media":140010,"parent":137991,"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,"jetpack_seo_schema_type":"","_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"footnotes":""},"class_list":["post-139947","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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?fit=1200%2C675&ssl=1",1200,675,false],"thumbnail":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?resize=440%2C440&ssl=1",440,440,true],"medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?fit=560%2C315&ssl=1",560,315,true],"medium_large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?fit=768%2C432&ssl=1",768,432,true],"large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?fit=1024%2C576&ssl=1",1024,576,true],"1536x1536":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?fit=1200%2C675&ssl=1",1200,675,true],"2048x2048":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?resize=200%2C200&ssl=1",200,200,true],"newspack-article-block-uncropped":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?fit=1200%2C675&ssl=1",1200,675,true]},"uagb_author_info":{"display_name":"IMAMURA, Genichi","author_link":"https:\/\/support.questetra.com\/en\/author\/imamuragenichi\/"},"uagb_comment_info":0,"uagb_excerpt":"\u300c\u753b\u9762\u9077\u79fb\u306e\u306a\u3044 form submit \u30dc\u30bf\u30f3\u300d\u306e\u5834\u5408\u3001\u305d\u306e\u30af\u30ea\u30c3\u30af\u6642\u306b \"form_submit\" \u30a4\u30d9\u30f3\u30c8\u304c\u8a08\u6e2c\u3055\u308c\u307e\u305b\u3093\u3002JavaScript \u3067 GA4 DataStreams \u306e\u300e\u6e2c\u5b9aID\uff0fMeasurement ID\u300f\uff08\u300cG-\u300d\u3067\u59cb\u307e\u308b ID\uff09\u3092\u6307\u5b9a\u3057\u3001\u30a4\u30d9\u30f3\u30c8\u60c5\u5831\u3092\u9001\u4fe1\u3057\u307e\u3059\u3002GA4 \"form_submit\" event is not measured in the case of form submit button without screen transition. JavaScript sends Event data to GA4 DataStreams \"Measurement ID\" starting with \"G-\".","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P9DiIh-Apd","jetpack-related-posts":[{"id":139951,"url":"https:\/\/support.questetra.com\/ja\/tips\/workflow-trigger-code-202211\/send-inquiry-and-ga4-event\/","url_meta":{"origin":139947,"position":0},"title":"Send Inquiry and GA4 Event","author":"IMAMURA, Genichi","date":"2022-12-08","format":false,"excerpt":"\u300c\u753b\u9762\u9077\u79fb\u306e\u306a\u3044 form submit \u30dc\u30bf\u30f3\u300d\u306e\u5834\u5408\u3001\u305d\u306e\u30af\u30ea\u30c3\u30af\u6642\u306b \"form_submit\" \u30a4\u30d9\u30f3\u30c8\u304c\u8a08\u6e2c\u3055\u308c\u307e\u305b\u3093\u3002JavaScript \u3067 GA4 DataStreams \u306e\u300e\u6e2c\u5b9aID\uff0fMeasurement ID\u300f\uff08\u300cG-\u300d\u3067\u59cb\u307e\u308b ID\uff09\u3092\u6307\u5b9a\u3057\u3001\u30a4\u30d9\u30f3\u30c8\u60c5\u5831\u3092\u9001\u4fe1\u3057\u307e\u3059\u3002GA4 \"form_submit\" event is not measured in the case of form submit button without screen transition. JavaScript sends Event data to GA4 DataStreams \"Measurement ID\" starting with \"G-\".","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.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\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/12\/Workflow-Trigger-send-inquiry-and-ga4-event.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":138331,"url":"https:\/\/support.questetra.com\/en\/tips\/workflow-trigger-code-202211\/send-purchase-order-tsv\/","url_meta":{"origin":139947,"position":1},"title":"Send Purchase Order TSV","author":"IMAMURA, Genichi","date":"2022-11-02","format":false,"excerpt":"Send Purchase Order TSV","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/11\/Workflow-Trigger-send-po-tsv.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\/11\/Workflow-Trigger-send-po-tsv.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/11\/Workflow-Trigger-send-po-tsv.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/11\/Workflow-Trigger-send-po-tsv.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/11\/Workflow-Trigger-send-po-tsv.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":138344,"url":"https:\/\/support.questetra.com\/ja\/tips\/workflow-trigger-code-202211\/send-purchase-order-tsv\/","url_meta":{"origin":139947,"position":2},"title":"Send Purchase Order TSV","author":"IMAMURA, Genichi","date":"2022-11-02","format":false,"excerpt":"Send Purchase Order TSV","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/11\/Workflow-Trigger-send-po-tsv.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\/11\/Workflow-Trigger-send-po-tsv.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/11\/Workflow-Trigger-send-po-tsv.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/11\/Workflow-Trigger-send-po-tsv.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/11\/Workflow-Trigger-send-po-tsv.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":125547,"url":"https:\/\/support.questetra.com\/en\/tips\/task-form-decoration-202208\/","url_meta":{"origin":139947,"position":3},"title":"Task Form Decoration 202208","author":"IMAMURA, Genichi","date":"2022-07-28","format":false,"excerpt":"UI\/UX design is extremely important for improving business processes. These are examples of Task Form decorations for workflow app administrators. Please feel free to use these code examples. (Note that you do so at your own risk, low-code programming skills in JavaScript are required.) UI\/UX\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u6539\u5584\u306b\u304a\u3044\u3066\u6975\u3081\u3066\u91cd\u8981\u3067\u3059\u3002\u4ee5\u4e0b\u306f\u3001\u51e6\u7406\u30d5\u30a9\u30fc\u30e0\u753b\u9762\uff08\u30bf\u30b9\u30af\u30d5\u30a9\u30fc\u30e0\uff09\u306e\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u4f8b\u3067\u3059\u3002\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30a2\u30d7\u30ea\u7ba1\u7406\u8005\u306e\u307f\u306a\u3055\u307e\u306b\u3001\u81ea\u7531\u306b\u3054\u5229\u7528\u3057\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3002\uff08\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u306f\u81ea\u8eab\u306e\u8cac\u4efb\u3067\u884c\u3063\u3066\u304f\u3060\u3055\u3044\u3002JavaScript \u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u77e5\u8b58\u304c\u5fc5\u8981\u3067\u3059\uff09","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"Task Form Decoration","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-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\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":125757,"url":"https:\/\/support.questetra.com\/ja\/tips\/task-form-decoration-202208\/","url_meta":{"origin":139947,"position":4},"title":"Task Form Decoration 202208","author":"IMAMURA, Genichi","date":"2022-07-28","format":false,"excerpt":"UI\/UX design is extremely important for improving business processes. These are examples of Task Form decorations for workflow app administrators. Please feel free to use these code examples. (Note that you do so at your own risk, low-code programming skills in JavaScript are required.) UI\/UX\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u6539\u5584\u306b\u304a\u3044\u3066\u6975\u3081\u3066\u91cd\u8981\u3067\u3059\u3002\u4ee5\u4e0b\u306f\u3001\u51e6\u7406\u30d5\u30a9\u30fc\u30e0\u753b\u9762\uff08\u30bf\u30b9\u30af\u30d5\u30a9\u30fc\u30e0\uff09\u306e\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u4f8b\u3067\u3059\u3002\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30a2\u30d7\u30ea\u7ba1\u7406\u8005\u306e\u307f\u306a\u3055\u307e\u306b\u3001\u81ea\u7531\u306b\u3054\u5229\u7528\u3057\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3002\uff08\u30c7\u30b3\u30ec\u30fc\u30b7\u30e7\u30f3\u306f\u81ea\u8eab\u306e\u8cac\u4efb\u3067\u884c\u3063\u3066\u304f\u3060\u3055\u3044\u3002JavaScript \u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u77e5\u8b58\u304c\u5fc5\u8981\u3067\u3059\uff09","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"Task Form Decoration","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-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\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/07\/task-form-decoration-low-code.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":138015,"url":"https:\/\/support.questetra.com\/en\/tips\/workflow-trigger-code-202211\/send-process-title\/","url_meta":{"origin":139947,"position":5},"title":"Send Process Title","author":"IMAMURA, Genichi","date":"2022-10-26","format":false,"excerpt":"Workflow Trigger Code 202211 DEMO Workflow App example Trigger Code <form id=\"send_process_title_trigger\"> <input type=\"text\" name=\"title\" id=\"qTitle\"> <input type=\"submit\" value=\"Send\"> <\/form> <div id=\"send_process_title_log\"><\/div> <script> const strStartUrl = \"https:\/\/example.questetra.net\/System\/Event\/MessageStart\/99\/0\/start\"; const strKey = \"GdixCgUffsvDBqnsOPPQUVgWtmwEbsjC\"; \/\/ const strIdForm = \"#send_process_title_trigger\"; const strIdLog = \"#send_process_title_log\"; const elTriggerForm = document.querySelector ( strIdForm ); elTriggerForm.addEventListener ( 'submit',\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/send-process-title-workflow-app.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/send-process-title-workflow-app.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/send-process-title-workflow-app.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/send-process-title-workflow-app.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/send-process-title-workflow-app.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/10\/send-process-title-workflow-app.png?resize=1400%2C800&ssl=1 4x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/pages\/139947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/comments?post=139947"}],"version-history":[{"count":16,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/pages\/139947\/revisions"}],"predecessor-version":[{"id":143536,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/pages\/139947\/revisions\/143536"}],"up":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/pages\/137991"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/media\/140010"}],"wp:attachment":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/media?parent=139947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}