---
title: How to add Click Tracking on a page?
slug: how-to-add-click-tracking-on-a-page
docTags: 
createdAt: 2026-09-01T21:37:52.920Z
---

Fibr's WYSIWYG Editor allows you to track all the clickable elements of a page. To setup your Fibr Editor, click here.

## Step-by-Step Guide to Add Click Tracking on a Page:

::::WorkflowBlock
:::WorkflowBlockItem
Navigate to the Campaign Details page for the selected campaign.

::Image[]{src="https://sites.gitbook.com/preview/site_YrVoe/~gitbook/image?url=https%3A%2F%2F3335504681-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F80aS5Lqrk8qDoq5OTbgm%252Fuploads%252Feywov0BupjWBZTvzjCPq%252Fimage.png%3Falt%3Dmedia%26token%3D9744520c-3e5a-4859-8498-1f3bd83ffd79&width=768&dpr=3&quality=100&sign=f43d9dab6f062503497f4494d1ab8526&sv=3" size="80" width="2304" height="1301" isUploading="false" darkWidth="2304" darkHeight="1301" showCaption="false"}
:::

:::WorkflowBlockItem
Click on Add a Metric and select "Add Click Tracking"

::Image[]{src="https://sites.gitbook.com/preview/site_YrVoe/~gitbook/image?url=https%3A%2F%2F3335504681-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F80aS5Lqrk8qDoq5OTbgm%252Fuploads%252Fz2KHykJumAR3FNWTE2Xq%252Fimage.png%3Falt%3Dmedia%26token%3D3c4b1245-ddf7-4404-9ba7-737fe33084d5&width=768&dpr=3&quality=100&sign=5151c92e2c0e97df36ce5e9fac154995&sv=3" size="80" width="1271" height="715" isUploading="false" darkWidth="1271" darkHeight="715" showCaption="false"}
:::

:::WorkflowBlockItem
In the Fibr editor, select the element you want to track clicks on.



::Image[]{src="https://api.archbee.com/api/optimize/eXG5mhkZvuhxpNtTfbyHp/sTNekgGhumngDbzbPCuDx_image.png" size="80" isUploading="false" width="768" height="434" darkWidth="768" darkHeight="434" showCaption="false"}
:::

:::WorkflowBlockItem
On the right Edit section scroll down and select Track Clicks. You can either "Select an existing metric" or "Create a new metric".

::Image[]{src="https://sites.gitbook.com/preview/site_YrVoe/~gitbook/image?url=https%3A%2F%2F3335504681-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F80aS5Lqrk8qDoq5OTbgm%252Fuploads%252FbOCBlGKyRgoq01ggyfRl%252Fimage.png%3Falt%3Dmedia%26token%3D318864ad-ec0a-451e-b920-d00a02bfdfa0&width=768&dpr=3&quality=100&sign=a09aac5d1d94be60f497f69724e38180&sv=3" size="80" width="1278" height="666" isUploading="false" darkWidth="1278" darkHeight="666" showCaption="false"}
:::

:::WorkflowBlockItem
Add the Metric and click anywhere on the editor to save it. Then click the Save button to save the metrics.

::Image[]{src="https://sites.gitbook.com/preview/site_YrVoe/~gitbook/image?url=https%3A%2F%2F3335504681-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F80aS5Lqrk8qDoq5OTbgm%252Fuploads%252FFzIev2WCoL5vXjac0v1q%252FScreenshot%25202026-03-05%2520at%25201.47.11%25E2%2580%25AFPM.png%3Falt%3Dmedia%26token%3Da1989dd0-84ca-42eb-8686-40c201f458de&width=768&dpr=3&quality=100&sign=a453d7eaf71a6dd2b7164aef3586db35&sv=3" size="80" width="2304" height="1305" isUploading="false" darkWidth="2304" darkHeight="1305" showCaption="false"}
:::

:::WorkflowBlockItem
Review the metrics for Mobile as well. Once you've reviewed the changes, click on **Save.**

::Image[]{src="https://sites.gitbook.com/preview/site_YrVoe/~gitbook/image?url=https%3A%2F%2F3335504681-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F80aS5Lqrk8qDoq5OTbgm%252Fuploads%252F7SA3UXKvTM3uA5uR3vzl%252Fimage.png%3Falt%3Dmedia%26token%3D12e4f2fa-731d-4f2c-9df3-fe784aa6e347&width=768&dpr=3&quality=100&sign=8ae6582d0f801d362a10ec560e407b51&sv=3" size="80" width="2304" height="1291" isUploading="false" darkWidth="2304" darkHeight="1291" showCaption="false"}
:::

:::WorkflowBlockItem
The metric will now be saved in the success metrics section.

::Image[]{src="https://sites.gitbook.com/preview/site_YrVoe/~gitbook/image?url=https%3A%2F%2F3335504681-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F80aS5Lqrk8qDoq5OTbgm%252Fuploads%252FRiWlyVy2KOARLfj7OkCW%252Fimage.png%3Falt%3Dmedia%26token%3D21ae402b-13d6-468c-8c4a-876a683749cc&width=768&dpr=3&quality=100&sign=0ac31f4ee2ff1f05020869aadb3fd638&sv=3" size="80" width="2304" height="1294" isUploading="false" darkWidth="2304" darkHeight="1294" showCaption="false"}
:::
::::