使用Google跟踪代码管理器和Google Analytics（分析）跟踪提交的表单值

Question

I am using Google Tag Manager to handle Google Analytics. There is a form on my website that has a submit button which I've successfully set up a click listener for through Google Tag Manager.

With this click listener I would like to track what input values where present in the form at the time the click listener fires, then be able to sort events in Google Analytics based on these values. I've looked into Google Analytics Dimensions and Metrics but these don't seem to be able to store form values the way I would like them to.

Does anyone know the best way to go about this? I think I might be having trouble understanding what Dimensions and Metrics are really supposed to be used for... Is there some other Google Analytics tool that would accomplish more easily?

Answer 1

Take a look at this discussion on Google Tag Manager Community.

Here is the just of it:

1. Create a new Custom JavaScript Macro

2. Assuming you're using auto events:

    function() { // Assuming that {{element}} is the form you want. // This should be the case if you're using Auto Events. var form = {{element}}; // Assuming there's only one <select> in the form. var select = form.getElementsByTagName('select')[0]; var results = []; for (var i=0; i<select.options.length; i++) { // Assuming you want the value attributes of the selected. // You could also use .text here instead of .value. if (select.options[i].selected) results.push(select.options[i].value); } // Assuming you want an array of the selected values. // If you want a CSV string, return results.join() instead. return results; } 

All this code was written by Brian Kuhn via the Google Plus post I reference above. Not trying to take credit.