dkonig

Honestly, I don't know. I think when we initially set up the tag and trigger I was looking for a way to fire the tag. The element visibility(mrkForm class) seemed like a way to do it but it doesn't mean the form is ready when that class is on the page. How would you add the event listener as a trigger or do I need to add an event listener tag that fires on page load and then set the 'form binding' tag to execute once this listener executes? Maybe the ''form binding' tag code would help understand this better. <script> var resizeCallback = function () { if (typeof resizeMarketoHero === 'function') { resizeMarketoHero(); } }; if (typeof MktoForms2 === 'undefined') { jQuery('form[data-form-id]').children().toggle(); resizeCallback(); } else { jQuery('form[id^="mktoForm_"]').each(function (index, elem) { var dataLayerKey = 'dataLayer'; var $elem = jQuery(elem); var formId = $elem.data('form-id'); var postSubmitId = $elem.data('post-submit-id'); var loadLocation = $elem.data('load-location'); var appId = $elem.data('app-id'); var analyticEvent = $elem.data('analytic-event'); var analyticFormType = $elem.data('analytic-form-type'); var analyticLocationOnPage = $elem.data('analytic-location-on-page'); var analyticLocationOnSite = $elem.data('analytic-location-on-site'); window[dataLayerKey] = window[dataLayerKey] || []; var callback = function (form) { if (form !== null) { resizeCallback(); form.onSuccess(function (values, redirectUrl) { if (analyticEvent) { window[dataLayerKey].push({ 'event': analyticEvent, 'form_type': analyticFormType, 'location_on_page': analyticLocationOnPage, 'location_on_site': analyticLocationOnSite }); } if (postSubmitId) { $elem.hide(); jQuery('#' + postSubmitId).show(); } resizeCallback(); //not sure about this... it always seems to return a redirectUrl? return false; }); } }; MktoForms2.loadForm(loadLocation, appId, formId, callback); }); } </script> ... View more

Accepted the answer a bit quickly. Did some searching and couldn't find out how to implement this with Google Tag Manager. The way I have the tag set up now is it uses a element visibility trigger when I need to be able to trigger on .whenReady. My thoughts would be to integrate .whenReady into the tag itself after the tag is triggered with the element visibility trigger. Is that the route to go or can you point me in the direction of someone that has implemented this in Google Tag Manager? ... View more

Thanks for responding. Regardless of the order in which the label is grabbed is it possible to remove that second label? I'm getting pushback from the team. They want to make sure they cover their bases for legal reasons and removing that second label would do that. ... View more

Mainly for ADA  Compliance . Screen readers can get confused seeing two labels and may grab the wrong one. ... View more

Sorry for the delay getting back to this. What would I do with the confirmation message with the switch? Would I put it in both switch cases?  I'm just going to assume that both messages will be worded different.   Where would the onSuccess handle go in the switch?     <!-- Form Confirmation Message --> <div id="confirmform" class="form-confirmation-message"> <div class="form-confirmation-message-header">Thank you for contacting us.</div> We'll be in contact soon. </div>       ... View more

Sorry for the delay. Doing a little more digging it looks like I can export out files out of Acoustics Digital Analytics with abandoned cart information to a STFP location and then import into Marketo. That way all of the logic can be maintained in the analytics platform and Marketo is simply leveraging a pre-generated list that we grab from the SFTP. I haven't thought through all the details around this yet so I am not sure where this process might fall down. ... View more

Excellent. I'll see what I can make happen with this. Thanks! ... View more

Hmmm. That makes sense. Is there a way to fire separate dataLayer  push events for each form then? ... View more

Thanks for the response @SanfordWhiteman . I've only recently started working with APIs and have only worked with the code I posted. No doubt I missed that the code in the blog was also related to the API 🙂   I can't publicly share a sample page but I can pose this question. If a page had the block of code I posted twice on the page with the only difference being the Marketo form number how would I make that work correctly? ... View more

Thanks. I'm trying to grasp how that blog post applies to using the Marketo API. Below is the typical code used to render a form on the page and return a response on a successful submission. What I am finding is that when I have two separate forms on the same page(different form ID's) Both form confirmation messages pop and both dataLayer.push() events also fire. How would I change up the code so both forms work on the same page but only fire their own events? <script src="//app-sj12.marketo.com/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_1234"> </form> <script>MktoForms2.loadForm("//app-sj12.marketo.com", "123-ABC-456", 1234);</script> <!-- Marketo Form Script --> <script> MktoForms2.whenReady(function (form){ form.onSuccess(function(values, followUpUrl){ dataLayer.push({ 'event': 'test event', 'event_category': 'test category', 'event_action': 'test action', 'event_label': 'test label' }); form.getFormElem().hide(); document.getElementById('confirmform').style.display = 'block'; return false; }); }); </script> <!-- Form Confirmation Message --> <div id="confirmform" class="form-confirmation-message"> <div class="form-confirmation-message-header">Thank you for contacting Us.</div> We'll be in contact soon. </div>   ... View more

Can I DM you the page? ... View more

Didn't work  😥 ... View more

Hmm. Doesn't GTM create the dataLayer?   But I guess this is custom data so I would need to add in the following before the push() correct?   window.dataLayer = window.dataLayer || [];   ... View more

Not sure if I should start a new thread or not but I am having issues with this code now that I have finally had a chance to test. When I add that push() instead of the form submitting and the confirmation message showing the page refreshes. Why would that be? ... View more

Just thinking through this. I could use the "marketo.success" value for event as the trigger for a custom HTML tag right? Then I can use the built in hostname variable along with a lookup variable to populate the website. I think that will work. ... View more

Hmm. Would you know if I could fire a tag in Google Tag Manager with an successful form submission instead of hardcoding the pixel? ... View more

What timing. I just noticed that and was just about to fix it.    I can throw a pixel fire in there too correct? Something like:     MktoForms2.loadForm("//app-ab00.marketo.com", "785-UHP-775", 1057); MktoForms2.whenReady(function(mktoForm) { mktoForm.onSuccess(function(values, followUpUrl) { dataLayer.push({ "event": "marketo.success", "marketo.form_id": form_id, "marketo.form_values": values, "marketo.follow_up_url": followUpUrl } form.getFormElem().hide(); document.getElementById('confirmform').style.display = 'block'; <img src="https://mypixelURL.com/pixel?a=something&b=somethingelse&id=123&domain=[Domain]"> }); return false; }) });   ... View more

Yes. The Forms 2.0 API is what I was referencing. That code, which is what you helped me with in the linked message, was what I intended to use until the Marketo team switched things up. Now they do not refresh the page but just show a 'Thank you' message when the form is submitted. I'm trying to figure out what I need to do with this code given the new circumstance.   Looks like I need to kill the redirect. Is there a API method for swapping the form out for a 'thank you' message on a successful form submission? ... View more

Excellent! Thanks.   Pardon this non-programmer question but is there any significance to the naming convention? For example could: marketo.form_id  be simply form_id ... View more

Ok. So if I go the route of adding through a push I need one more line of code such as:   "marketo.form_url": document.location.href   ... View more

Would this be better than say using {{Page URL}} as the label in the GTM/GA tag for the event? ... View more

Sorry for the late reply. Now, if we use the same form on multiple pages I imagine there is probably a way to push some additional data to the dataLayer that would indicate which page the form was on. Correct? is there a best practice to do something like this? ... View more

Sorry for the delay. The goal would be to track successful form submissions in Google Analytics ... View more