How do you correlate a login ID with download of a logo on a secure page in DTM?

[OwlyChick]

I need to create a report that shows 3 columns - User ID, button clicked (the click on the button is equivalent to downloading the logo on our site), and a time stamp (HH:MM DD:MM:YY).

The user experience is the following:

1. User arrives at Page A and enters a unique ID in a form field and presses "Submit"

2. User is taken to Page B where he/she has access to download needed logos via buttons that read "Download small logo", "Download large logo", etc.

I use DTM for my analytics, but am brand new to it. I am the ONLY one at my company handling analytics, so while I have access to programmers, no one is familiar with SiteCatalyst or DTM. 

How can I capture the user ID and save it throughout the session to then have it "assigned" to the appropriate actions by the user and create a report?

I appreciate any and all help in as simple/direct steps as possible :) 

Thank you!

[devinderbanga]

Hi

You need to configure following variables: 2 eVar and single event .

one eVar will have User ID and other Name of the link/logo (which user will click) finally an event which for botton clicked, all these will be fired in link tracking ,

An image will get fired on click of the button ( s.tl() ) and all mentioned variable should be mentioned in it.

Please let me know if you face any issue.

Regards

Devinder

[OwlyChick]

Hi,

So far I've only gotten as far as trying to capture my login ID and I can't even get that to work :(  Can you see where I am going wrong?

The login page I am working on is: http://www.stewart.com/content/stewart/stewartcom/en/customer-type/agency-services/trusted-provider-...

I am trying to create an event based rule to capture the login ID as eVar2. I have attached a screenshot of my conditions. Then in the  Adobe Analytics portion of the rule, I have clicked on "s.tl(); - does NOT increment a pageview" and added the following custom code to assign the login ID to eVar2.
Custom code:
var eVar2 = 'Sample Text';
$('[data-formlocalauthentication="form"]').each(function(){
$(this).on('submit',function(){
eVar2 = $(this).find('[name="agentid"]').val();
return eVar2;
});
});

[OwlyChick]

Is anyone able to take a look at the above and see where I'm going wrong? The custom code is actually:

 eVar2 = 'Sample Text';
$('[data-formlocalauthentication="form"]').each(function(){
$(this).on('submit',function(){
eVar2 = $(this).find('[name="agentid"]').val();
return eVar2;
});
});

[mikethompson · Accepted solution]

First, I'd make sure the rule is even firing (DTM Switch plugin is useful here).

If you are defining props/evars in the custom code area, you need to use s. in front of them (like s.eVar2).