I'm trying to work with an analytics team to have event listeners for a few locations on the site listed here. One of them is for the "Get Started" button in the menu, but I can't seem to find a way to add (or locate) a unique ID for that button. Can you help me understand how to assign a unique ID for that element so we can track that event?

Thank you!
Melanie

Hi Tahir,

I tried that, though the code I'm trying to use isn't working with CSS classes. Below is the first line of the code where I need the unique ID for the button, hopefully that will help illustrate my question a little better.

I already had a dev try to adjust the code to listen for the CSS class (using the method you suggested below), but they couldn't get it to function using CSS. Can you guide me as to how to add a unique ID to the button specifically? I am not a dev, but I do have devs working with me. If you can direct us as to how to add the unique ID, even if it takes custom code, I believe we could manage.

Analytics Tracking code: 
<script> document.getElementById("myButtonID").addEventListener("click",function() ...

Never mind, it looks like I was able to come up with a work around for using the CSS class for now. But for the future, I would love to know if there is a way to create a unique ID for something like this. 

Thank you!
Melanie

We actually did try at least something very close to that, and it didn't seem to work, though the snippet that finally seemed to click was similar - it did use const selector. I think (I only know basics of php and javascript, so this was me working with AI to figure this out) that it is, instead of targeting the button element, it is targeting the link... though I could be mistaken in that. You will probably understand more of it than I do. :) But I'll add it below for reference if anyone else is ever looking for something like this. So far it seems to be working, hopefully it will function as expected *fingers crossed*:

(function () {
  const selector = "(add CSS class given in menu tool here) a";
  const conversionId = "(add conversion Id here)";

  document.addEventListener("click", function (e) {
    const link = e.target.closest(selector);
    if (!link) return;

    if (window.saq) {
      window.saq("conv", conversionId);
    }
  }, true);
})();

Thanks for your help!
Melanie

I don't know HOW I missed that, that's what I was looking for, thank you! I think it was because it was buried a little in the element while the other menu options it was listed first. But either way, thank you so much for pointing that out! That is so helpful. 

Thank you!
Melanie