{"id":1901,"date":"2018-08-27T12:22:51","date_gmt":"2018-08-27T12:22:51","guid":{"rendered":"https:\/\/gaconnector.com\/docs\/?p=1901"},"modified":"2020-12-15T13:36:12","modified_gmt":"2020-12-15T13:36:12","slug":"integrate-wufoo-forms-ga-connector","status":"publish","type":"post","link":"https:\/\/gaconnector.com\/docs\/integrate-wufoo-forms-ga-connector\/","title":{"rendered":"How to integrate Wufoo forms with GA Connector"},"content":{"rendered":"<p>Yes, It is possible to integrate GA Connector (cookie-based) with Wufoo forms.<\/p>\n<p>You need to download the full source of your form (HTML\/CSS) and edit the form by adding the\u00a0hidden fields.<\/p>\n<p>To do that, follow the steps below:<\/p>\n<ol>\n<li>Login in your Wufoo account<\/li>\n<li>Click Edit &gt; Edit form.<\/li>\n<li>Add Single Line text fields in your form, there are 30 data points, you can add all of them or the ones you need.<br \/>\n<img decoding=\"async\" class=\"alignnone size-large wp-image-1909\" src=\"https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_4-700x442.png\" alt=\"\" width=\"700\" height=\"442\" srcset=\"https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_4-700x442.png 700w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_4-300x189.png 300w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_4-768x484.png 768w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_4-60x38.png 60w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_4-150x95.png 150w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_4.png 1021w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/li>\n<li>When you finish the 3rd step click Save and then From Manager. You will see something similar like the view below.<br \/>\nClick on Share &gt; Embed form.<br \/>\n<img decoding=\"async\" class=\"alignnone size-large wp-image-1898\" src=\"https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_1-700x138.png\" alt=\"\" width=\"700\" height=\"138\" srcset=\"https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_1-700x138.png 700w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_1-300x59.png 300w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_1-768x151.png 768w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_1-60x12.png 60w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_1-150x30.png 150w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_1.png 1158w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/li>\n<li>You will see a view similar to the image below, please click <em>&#8220;Download the HTML\/CSS&#8221;<\/em> link at the bottom.<br \/>\n<img decoding=\"async\" class=\"alignnone size-large wp-image-1899\" src=\"https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_2-700x674.png\" alt=\"\" width=\"700\" height=\"674\" srcset=\"https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_2-700x674.png 700w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_2-300x289.png 300w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_2-768x739.png 768w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_2-60x58.png 60w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_2-150x144.png 150w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_2.png 905w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/li>\n<li>When you extract the file you have downloaded you will have the files as seen in the image below. Edit the index.html file with a text editor.<br \/>\n<img decoding=\"async\" class=\"alignnone wp-image-1911\" src=\"https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_5-700x380.png\" alt=\"\" width=\"790\" height=\"429\" srcset=\"https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_5-700x380.png 700w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_5-300x163.png 300w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_5-768x417.png 768w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_5-60x33.png 60w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_5-150x81.png 150w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_5.png 1418w\" sizes=\"(max-width: 790px) 100vw, 790px\" \/><\/li>\n<li>When you open a file you will notice that the &lt;input&gt; tag will look something like this:\n<pre class=\"lang:default decode:true\">&lt;input id=\"Field4\" name=\"Field4\" type=\"text\" class=\"field text medium\" value=\"\" maxlength=\"255\" tabindex=\"4\" onkeyup=\"\"       placeholder=\"\" \/&gt;<\/pre>\n<p>You need to edit that &lt;input&gt; tag, so it has only three attributes: type, id, and name. So the example above it should look like this:<\/p>\n<pre class=\"lang:default decode:true\">&lt;input type=\"text\" id=\"fc_source\" name=\"Field4\" \/&gt;<\/pre>\n<\/li>\n<li>You need\u00a0to repeat this for every field you have added in your Wufoo form.<\/li>\n<li>For styling purposes, it&#8217;s better if you delete the label tag so &#8220;Untitled&#8221; doesn&#8217;t show in your form.<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-1913\" src=\"https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_6.png\" alt=\"\" width=\"329\" height=\"49\" srcset=\"https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_6.png 329w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_6-300x45.png 300w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_6-60x9.png 60w, https:\/\/gaconnector.com\/docs\/wp-content\/uploads\/2018\/08\/Screenshot_6-150x22.png 150w\" sizes=\"(max-width: 329px) 100vw, 329px\" \/><\/li>\n<li><strong>Important <\/strong>&#8211;<strong>\u00a0<\/strong>You need to embed this form in your website here GA Connector script is inserted.<\/li>\n<\/ol>\n<p>GA Connector script will automatically fill them out with users&#8217; source, medium, keywords, location etc. Names of these fields help GA Connector script understand where to put the values.<\/p>\n<p>Here is the list of fields you need to add to your forms:<\/p>\n<pre class=\"lang:default decode:true \">&lt;input type=\"hidden\" id=\"fc_campaign\"&gt;\r\n&lt;input type=\"hidden\" id=\"fc_channel\"&gt;\r\n&lt;input type=\"hidden\" id=\"fc_content\"&gt;\r\n&lt;input type=\"hidden\" id=\"fc_landing\"&gt;\r\n&lt;input type=\"hidden\" id=\"fc_medium\"&gt;\r\n&lt;input type=\"hidden\" id=\"fc_referrer\"&gt;\r\n&lt;input type=\"hidden\" id=\"fc_source\"&gt;\r\n&lt;input type=\"hidden\" id=\"fc_term\"&gt;\r\n&lt;input type=\"hidden\" id=\"lc_campaign\"&gt;\r\n&lt;input type=\"hidden\" id=\"lc_channel\"&gt;\r\n&lt;input type=\"hidden\" id=\"lc_content\"&gt;\r\n&lt;input type=\"hidden\" id=\"lc_landing\"&gt;\r\n&lt;input type=\"hidden\" id=\"lc_medium\"&gt;\r\n&lt;input type=\"hidden\" id=\"lc_referrer\"&gt;\r\n&lt;input type=\"hidden\" id=\"lc_source\"&gt;\r\n&lt;input type=\"hidden\" id=\"lc_term\"&gt;\r\n&lt;input type=\"hidden\" id=\"OS\"&gt;\r\n&lt;input type=\"hidden\" id=\"GA_Client_ID\"&gt;\r\n&lt;input type=\"hidden\" id=\"gclid\"&gt;\r\n&lt;input type=\"hidden\" id=\"all_traffic_sources\"&gt;\r\n&lt;input type=\"hidden\" id=\"browser\"&gt;\r\n&lt;input type=\"hidden\" id=\"city\"&gt;\r\n&lt;input type=\"hidden\" id=\"country\"&gt;\r\n&lt;input type=\"hidden\" id=\"device\"&gt;\r\n&lt;input type=\"hidden\" id=\"page_visits\"&gt;\r\n&lt;input type=\"hidden\" id=\"pages_visited_list\"&gt;\r\n&lt;input type=\"hidden\" id=\"region\"&gt;\r\n&lt;input type=\"hidden\" id=\"time_zone\"&gt;\r\n&lt;input type=\"hidden\" id=\"time_passed\"&gt;\r\n&lt;input type=\"hidden\" id=\"latitude\"&gt;\r\n&lt;input type=\"hidden\" id=\"longitude\"&gt;<\/pre>\n<p>Each hidden field needs to have a distinct attribute that would allow the script to understand which field is which.<\/p>\n<p>If your CRM doesn&#8217;t have a\u00a0native integration with Wufoo, you can use Zapier to capture the data from Wufoo and pass it to your CRM.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Yes, It is possible to integrate GA Connector (cookie-based) with Wufoo forms. You need to download the full source of your form (HTML\/CSS) and edit the form by adding the\u00a0hidden fields. To do that, follow the steps below: Login in your Wufoo account Click Edit &gt; Edit form. Add Single Line text fields in your [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"_links":{"self":[{"href":"https:\/\/gaconnector.com\/docs\/wp-json\/wp\/v2\/posts\/1901"}],"collection":[{"href":"https:\/\/gaconnector.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gaconnector.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gaconnector.com\/docs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/gaconnector.com\/docs\/wp-json\/wp\/v2\/comments?post=1901"}],"version-history":[{"count":13,"href":"https:\/\/gaconnector.com\/docs\/wp-json\/wp\/v2\/posts\/1901\/revisions"}],"predecessor-version":[{"id":2665,"href":"https:\/\/gaconnector.com\/docs\/wp-json\/wp\/v2\/posts\/1901\/revisions\/2665"}],"wp:attachment":[{"href":"https:\/\/gaconnector.com\/docs\/wp-json\/wp\/v2\/media?parent=1901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gaconnector.com\/docs\/wp-json\/wp\/v2\/categories?post=1901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gaconnector.com\/docs\/wp-json\/wp\/v2\/tags?post=1901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}