1. Create a Custom Event Goal<\/h2>\n
The first step is creating a goal, so LookAnalyze knows what to track. Follow these steps:<\/p>\n
- \n
- Click Goals from the left menu.<\/li>\n
- Click Create.<\/li>\n
- From the dropdown menu, select “Custom Event”<\/li>\n
- Enter a friendly name for your goal (this is what you’ll see in reports)<\/li>\n
- You can optionally change the KEY to your desired value or leave it as it is.<\/li>\n
- Copy the Javascript code (you’ll need it later) and click the CREATE button.<\/li>\n<\/ul>\n
Your screen should look like this:<\/p>\n
![\"Create](\"https:\/\/lookanalyze.com\/blog\/wp-content\/uploads\/2025\/01\/create-custom-event-goal.webp\")
<\/p>\n2. Add Javascript Code<\/h2>\n
The next step is to add the Javascript code you copied above to your website to inform LookAnalyze that an event has occurred.<\/p>\n
Here are some common use cases:<\/p>\n
Track Link Clicks<\/h3>\n
There are two ways to track clicks to a specific link. The first is to add an onclick event to the ahref tag, like this:<\/p>\n
<a href=\"\/download\" onclick=\"lookanalyze_track.goal('download-pdf');\">Download PDF<\/a><\/code><\/pre>\nThe second way is to use Javascript to target any\/all elements on a page with a specific ID or CLASS. In this method, ensure the javascript code for your events appears after any\/all IDs or CLASSES.<\/p>\n
Let\u2019s say you want to track an event when a customer clicks a link that looks like this:<\/p>\n
<a id=\"download-link\" href=\"\/download\">Download<\/a><\/code><\/pre>\nYou\u2019d add the following script to your HTML (typically just above the element) to do this.<\/p>\n
<script>\r\nwindow.addEventListener('load', (event) => {\r\n document.getElementById('download-link').addEventListener('click', () => {\r\n lookanalyze_track.goal('download-pdf');\r\n });\r\n});\r\n<\/script>\r\n<\/code><\/pre>\nTrack External Links<\/h3>\n
If you want to track clicks on links that point to an external domain, you could do something like this:<\/p>\n
<a href=\"https:\/\/amazon.com\/x\" onclick=\"lookanalyze_track.goal('amazon-link');\" class=\"ext-link\">Link to Amazon<\/a>\r\n<\/code><\/pre>\nTrack Page Load Conversions<\/h3>\n
If you want to track page loads of specific pages and you don’t want to use the “PageView” goal, you can fire an event when a page loads:<\/p>\n
<script>\r\nwindow.addEventListener('load', (event) => {\r\n lookanalyze_track.goal('checkout-completed'); \r\n});\r\n<\/script>\r\n<\/code><\/pre>\nTrack Form Submissions<\/h3>\n
To track form submissions, you can use the onsubmit<\/em> event link like this:<\/p>\n
<form method=\"post\" onsubmit=\"lookanalyze_track.goal('contact-form-submit');\">\r\n<\/code><\/pre>\nIf you cannot edit the form code to add an onsubmit<\/em>, but the form has an ID (or you can give the form an ID), you can add the following script after\/below the form:<\/p>\n
<script>\r\nwindow.addEventListener('load', (event) => {\r\n document.getElementById('form-id').addEventListener('submit', () => {\r\n lookanalyze_track.goal('form-submitted');\r\n });\r\n});\r\n<\/script>\r\n<\/code><\/pre>\n