{"id":10773,"date":"2024-11-21T20:19:22","date_gmt":"2024-11-21T20:19:22","guid":{"rendered":"https:\/\/ceowebltd.com\/blog\/?p=10773"},"modified":"2024-11-21T20:19:22","modified_gmt":"2024-11-21T20:19:22","slug":"how-to-track-lightbox-interactions-using-google-tag-manager","status":"publish","type":"post","link":"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/","title":{"rendered":"How to track Lightbox interactions using Google Tag Manager"},"content":{"rendered":"<p>Tracking Lightbox interactions (such as clicks to open and close the Lightbox, or interactions with elements inside the Lightbox) using Google Tag Manager (GTM) involves setting up triggers to capture these events and sending them to analytics platforms like Google Analytics. Here&#8217;s a step-by-step guide on how to track Lightbox interactions:<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_73 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#Step_1_Identify_the_Lightbox_Elements\" title=\"Step 1: Identify the Lightbox Elements\">Step 1: Identify the Lightbox Elements<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#Step_2_Inspect_Your_Sites_Lightbox_Structure\" title=\"Step 2: Inspect Your Site\u2019s Lightbox Structure\">Step 2: Inspect Your Site\u2019s Lightbox Structure<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#Step_3_Set_Up_Google_Tag_Manager_Variables\" title=\"Step 3: Set Up Google Tag Manager Variables\">Step 3: Set Up Google Tag Manager Variables<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#Step_4_Set_Up_Triggers_for_Lightbox_Interactions\" title=\"Step 4: Set Up Triggers for Lightbox Interactions\">Step 4: Set Up Triggers for Lightbox Interactions<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#Trigger_1_Track_When_the_Lightbox_is_Opened\" title=\"Trigger 1: Track When the Lightbox is Opened\">Trigger 1: Track When the Lightbox is Opened<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#Trigger_2_Track_When_the_Lightbox_is_Closed\" title=\"Trigger 2: Track When the Lightbox is Closed\">Trigger 2: Track When the Lightbox is Closed<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#Trigger_3_Track_Lightbox_Interactions_Optional\" title=\"Trigger 3: Track Lightbox Interactions (Optional)\">Trigger 3: Track Lightbox Interactions (Optional)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#Step_5_Set_Up_Tags_to_Fire_on_These_Triggers\" title=\"Step 5: Set Up Tags to Fire on These Triggers\">Step 5: Set Up Tags to Fire on These Triggers<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#Tag_1_Track_Lightbox_Open_Event_in_Google_Analytics\" title=\"Tag 1: Track Lightbox Open Event in Google Analytics\">Tag 1: Track Lightbox Open Event in Google Analytics<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#Tag_2_Track_Lightbox_Close_Event_in_Google_Analytics\" title=\"Tag 2: Track Lightbox Close Event in Google Analytics\">Tag 2: Track Lightbox Close Event in Google Analytics<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#Tag_3_Track_Other_Interactions_Inside_the_Lightbox_Optional\" title=\"Tag 3: Track Other Interactions Inside the Lightbox (Optional)\">Tag 3: Track Other Interactions Inside the Lightbox (Optional)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#Step_6_Test_the_Tags_and_Triggers\" title=\"Step 6: Test the Tags and Triggers\">Step 6: Test the Tags and Triggers<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#Step_7_Publish_the_GTM_Container\" title=\"Step 7: Publish the GTM Container\">Step 7: Publish the GTM Container<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"Step_1_Identify_the_Lightbox_Elements\"><\/span>Step 1: Identify the Lightbox Elements<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Before you can track Lightbox interactions, you need to identify the HTML elements associated with the Lightbox on your website. These elements typically include:<\/p>\n<ul>\n<li><strong>The trigger element<\/strong> (the button, link, or image that opens the Lightbox).<\/li>\n<li><strong>The Lightbox container<\/strong> (the div or modal window that contains the content).<\/li>\n<li><strong>Close button or actions<\/strong> within the Lightbox (such as the close icon or other clickable elements that close the Lightbox).<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Step_2_Inspect_Your_Sites_Lightbox_Structure\"><\/span>Step 2: Inspect Your Site\u2019s Lightbox Structure<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li>Open the web page with the Lightbox in your browser.<\/li>\n<li>Right-click on the trigger element (e.g., an image, button, or link) and select <strong>Inspect<\/strong> (or use the developer tools <code>F12<\/code> in Chrome or Firefox).<\/li>\n<li>Identify the element\u2019s <code>class<\/code>, <code>id<\/code>, or other attributes that can be used as unique identifiers. For example, you might see something like:\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none\">html<\/div>\n<div class=\"sticky top-9 md:top-[5.75rem]\">\n<div class=\"absolute bottom-0 right-2 flex h-9 items-center\">\n<div class=\"flex items-center rounded bg-token-sidebar-surface-primary px-2 font-sans text-xs text-token-text-secondary dark:bg-token-main-surface-secondary\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center select-none py-1\">Copy code<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre hljs language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">button<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"open-lightbox\"<\/span> <span class=\"hljs-attr\">data-lightbox<\/span>=<span class=\"hljs-string\">\"image1\"<\/span>&gt;<\/span>Open Image<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">button<\/span>&gt;<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<\/li>\n<li>Similarly, inspect the <strong>Lightbox container<\/strong> to get its unique identifiers (e.g., class names, IDs) for later use in your trigger setup.<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Step_3_Set_Up_Google_Tag_Manager_Variables\"><\/span>Step 3: Set Up Google Tag Manager Variables<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To track Lightbox interactions, you will need to use some variables in Google Tag Manager to capture events.<\/p>\n<ol>\n<li><strong>Enable Built-In Variables<\/strong>:\n<ul>\n<li>Go to <strong>Variables<\/strong> in Google Tag Manager.<\/li>\n<li>Under <strong>User-Defined Variables<\/strong>, make sure that variables like <strong>Click Classes<\/strong>, <strong>Click ID<\/strong>, <strong>Click URL<\/strong>, etc., are enabled. These variables will help you capture which element was clicked.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Create Custom Variables (Optional)<\/strong>: If you need to track more specific information (like custom attributes), you can create custom variables:\n<ul>\n<li>Go to <strong>Variables<\/strong> and click on <strong>New<\/strong>.<\/li>\n<li>Select <strong>Click Element<\/strong> (to capture the clicked element) or <strong>JavaScript Variable<\/strong> (if you want to capture something from the DOM).<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Step_4_Set_Up_Triggers_for_Lightbox_Interactions\"><\/span>Step 4: Set Up Triggers for Lightbox Interactions<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Now, you\u2019ll need to create triggers in GTM to fire when Lightbox interactions occur.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Trigger_1_Track_When_the_Lightbox_is_Opened\"><\/span>Trigger 1: Track When the Lightbox is Opened<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li>In Google Tag Manager, go to <strong>Triggers<\/strong> and click <strong>New<\/strong>.<\/li>\n<li>Select <strong>Click \u2013 All Elements<\/strong> as the trigger type.<\/li>\n<li>Set the trigger to fire when the <strong>Lightbox Trigger Button<\/strong> (the element that opens the Lightbox) is clicked:\n<ul>\n<li>Choose <strong>Some Clicks<\/strong>.<\/li>\n<li>Select a condition such as <code>Click Classes<\/code> or <code>Click ID<\/code> and match it to the value you identified during the inspection of the page. For example:\n<ul>\n<li><code>Click Classes<\/code> contains <code>open-lightbox<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>Name the trigger (e.g., &#8220;Lightbox Opened&#8221;) and click <strong>Save<\/strong>.<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Trigger_2_Track_When_the_Lightbox_is_Closed\"><\/span>Trigger 2: Track When the Lightbox is Closed<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li>Similarly, create another trigger for when the <strong>Lightbox Close Button<\/strong> is clicked.\n<ul>\n<li>Go to <strong>Triggers<\/strong> and click <strong>New<\/strong>.<\/li>\n<li>Choose <strong>Click \u2013 All Elements<\/strong>.<\/li>\n<li>Set the trigger to fire on clicks where the <strong>Close Button<\/strong> of the Lightbox is clicked (this might be a close icon with a class or ID like <code>close-lightbox<\/code>).<\/li>\n<li>Set the condition, such as <code>Click Classes<\/code> contains <code>close-lightbox<\/code>.<\/li>\n<\/ul>\n<\/li>\n<li>Name the trigger (e.g., &#8220;Lightbox Closed&#8221;) and click <strong>Save<\/strong>.<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Trigger_3_Track_Lightbox_Interactions_Optional\"><\/span>Trigger 3: Track Lightbox Interactions (Optional)<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>If your Lightbox has more complex interactions, such as clicking on elements within the Lightbox (like navigation buttons or form submissions), you can create additional triggers. For example:<\/p>\n<ul>\n<li>Track clicks on navigation arrows inside the Lightbox.<\/li>\n<li>Track clicks on forms or buttons within the Lightbox.<\/li>\n<\/ul>\n<p>For each of these, you would:<\/p>\n<ul>\n<li>Use the <strong>Click \u2013 All Elements<\/strong> trigger.<\/li>\n<li>Apply conditions based on the element\u2019s class or ID.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Step_5_Set_Up_Tags_to_Fire_on_These_Triggers\"><\/span>Step 5: Set Up Tags to Fire on These Triggers<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Now, you\u2019ll want to configure Google Tag Manager to send the data to Google Analytics (or another tool) when these triggers fire.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Tag_1_Track_Lightbox_Open_Event_in_Google_Analytics\"><\/span>Tag 1: Track Lightbox Open Event in Google Analytics<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li>Go to <strong>Tags<\/strong> and click <strong>New<\/strong>.<\/li>\n<li>Select <strong>Google Analytics: Universal Analytics<\/strong> as the tag type.<\/li>\n<li>Choose the <strong>Event<\/strong> track type.<\/li>\n<li>Configure the event parameters:\n<ul>\n<li><strong>Category<\/strong>: <code>Lightbox<\/code><\/li>\n<li><strong>Action<\/strong>: <code>Open<\/code><\/li>\n<li><strong>Label<\/strong>: Optionally use <code>{{Click Text}}<\/code> or <code>{{Click URL}}<\/code> to capture the text or URL of the clicked element.<\/li>\n<\/ul>\n<\/li>\n<li>Under <strong>Triggering<\/strong>, select the trigger you created for the <strong>Lightbox Opened<\/strong>.<\/li>\n<li>Save the tag.<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Tag_2_Track_Lightbox_Close_Event_in_Google_Analytics\"><\/span>Tag 2: Track Lightbox Close Event in Google Analytics<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li>Go to <strong>Tags<\/strong> and click <strong>New<\/strong>.<\/li>\n<li>Select <strong>Google Analytics: Universal Analytics<\/strong> as the tag type.<\/li>\n<li>Choose the <strong>Event<\/strong> track type.<\/li>\n<li>Configure the event parameters:\n<ul>\n<li><strong>Category<\/strong>: <code>Lightbox<\/code><\/li>\n<li><strong>Action<\/strong>: <code>Close<\/code><\/li>\n<li><strong>Label<\/strong>: Optionally use <code>{{Click Text}}<\/code> or <code>{{Click URL}}<\/code> to capture the text or URL of the close button.<\/li>\n<\/ul>\n<\/li>\n<li>Under <strong>Triggering<\/strong>, select the trigger you created for the <strong>Lightbox Closed<\/strong>.<\/li>\n<li>Save the tag.<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Tag_3_Track_Other_Interactions_Inside_the_Lightbox_Optional\"><\/span>Tag 3: Track Other Interactions Inside the Lightbox (Optional)<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Repeat the same steps as above for tracking other interactions within the Lightbox (e.g., navigation clicks, form submissions).<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_6_Test_the_Tags_and_Triggers\"><\/span>Step 6: Test the Tags and Triggers<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Before publishing your GTM changes, test your implementation to ensure everything is working correctly.<\/p>\n<ol>\n<li><strong>Use GTM Preview Mode<\/strong>:\n<ul>\n<li>Go to <strong>Google Tag Manager<\/strong> and click <strong>Preview<\/strong>.<\/li>\n<li>Open your site in another tab.<\/li>\n<li>You should see the <strong>Tag Assistant<\/strong> at the bottom of the screen showing which tags are firing when you interact with the Lightbox.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Check Google Analytics<\/strong>:\n<ul>\n<li>If you\u2019re tracking the events in Google Analytics, you can verify that they appear under <strong>Real-Time<\/strong> &gt; <strong>Events<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Step_7_Publish_the_GTM_Container\"><\/span>Step 7: Publish the GTM Container<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Once you\u2019ve tested everything and confirmed that the Lightbox interactions are being tracked properly, you can publish your changes in Google Tag Manager.<\/p>\n<ol>\n<li>In GTM, click <strong>Submit<\/strong>.<\/li>\n<li>Add a version description and click <strong>Publish<\/strong>.<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>By following these steps, you can track Lightbox interactions using Google Tag Manager. This allows you to monitor when users open and close Lightboxes, interact with elements inside them, and collect valuable event data to optimize your website or improve your marketing efforts. Regular testing ensures that your tags fire correctly and that you&#8217;re collecting accurate event data for analysis.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tracking Lightbox interactions (such as clicks to open and close the Lightbox, or interactions with elements inside the Lightbox) using Google Tag Manager (GTM) involves&#8230;<\/p>\n","protected":false},"author":214,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-10773","post","type-post","status-publish","format-standard","hentry","category-digital-marketing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to track Lightbox interactions using Google Tag Manager - CEOweb Ltd. Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to track Lightbox interactions using Google Tag Manager - CEOweb Ltd. Blog\" \/>\n<meta property=\"og:description\" content=\"Tracking Lightbox interactions (such as clicks to open and close the Lightbox, or interactions with elements inside the Lightbox) using Google Tag Manager (GTM) involves...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/\" \/>\n<meta property=\"og:site_name\" content=\"CEOweb Ltd. Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-21T20:19:22+00:00\" \/>\n<meta name=\"author\" content=\"Emmanuel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Emmanuel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/\",\"url\":\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/\",\"name\":\"How to track Lightbox interactions using Google Tag Manager - CEOweb Ltd. Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ceowebltd.com\/blog\/#website\"},\"datePublished\":\"2024-11-21T20:19:22+00:00\",\"dateModified\":\"2024-11-21T20:19:22+00:00\",\"author\":{\"@id\":\"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/4759c204c0b0f1d134ec16e8ec777a6f\"},\"breadcrumb\":{\"@id\":\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ceowebltd.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to track Lightbox interactions using Google Tag Manager\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/#website\",\"url\":\"https:\/\/ceowebltd.com\/blog\/\",\"name\":\"CEOweb Ltd. Blog\",\"description\":\"Guest Posting - Digital Marketing &amp; Web Services\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ceowebltd.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/4759c204c0b0f1d134ec16e8ec777a6f\",\"name\":\"Emmanuel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9e883d40261b9b272de51992551b3eec4df631b7579a4fbec69c36a006dcbaf2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9e883d40261b9b272de51992551b3eec4df631b7579a4fbec69c36a006dcbaf2?s=96&d=mm&r=g\",\"caption\":\"Emmanuel\"},\"url\":\"https:\/\/ceowebltd.com\/blog\/author\/emmanuel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to track Lightbox interactions using Google Tag Manager - CEOweb Ltd. Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/","og_locale":"en_US","og_type":"article","og_title":"How to track Lightbox interactions using Google Tag Manager - CEOweb Ltd. Blog","og_description":"Tracking Lightbox interactions (such as clicks to open and close the Lightbox, or interactions with elements inside the Lightbox) using Google Tag Manager (GTM) involves...","og_url":"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/","og_site_name":"CEOweb Ltd. Blog","article_published_time":"2024-11-21T20:19:22+00:00","author":"Emmanuel","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Emmanuel","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/","url":"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/","name":"How to track Lightbox interactions using Google Tag Manager - CEOweb Ltd. Blog","isPartOf":{"@id":"https:\/\/ceowebltd.com\/blog\/#website"},"datePublished":"2024-11-21T20:19:22+00:00","dateModified":"2024-11-21T20:19:22+00:00","author":{"@id":"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/4759c204c0b0f1d134ec16e8ec777a6f"},"breadcrumb":{"@id":"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ceowebltd.com\/blog\/how-to-track-lightbox-interactions-using-google-tag-manager\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ceowebltd.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to track Lightbox interactions using Google Tag Manager"}]},{"@type":"WebSite","@id":"https:\/\/ceowebltd.com\/blog\/#website","url":"https:\/\/ceowebltd.com\/blog\/","name":"CEOweb Ltd. Blog","description":"Guest Posting - Digital Marketing &amp; Web Services","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ceowebltd.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/4759c204c0b0f1d134ec16e8ec777a6f","name":"Emmanuel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9e883d40261b9b272de51992551b3eec4df631b7579a4fbec69c36a006dcbaf2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9e883d40261b9b272de51992551b3eec4df631b7579a4fbec69c36a006dcbaf2?s=96&d=mm&r=g","caption":"Emmanuel"},"url":"https:\/\/ceowebltd.com\/blog\/author\/emmanuel\/"}]}},"_links":{"self":[{"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/posts\/10773","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/users\/214"}],"replies":[{"embeddable":true,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/comments?post=10773"}],"version-history":[{"count":1,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/posts\/10773\/revisions"}],"predecessor-version":[{"id":10774,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/posts\/10773\/revisions\/10774"}],"wp:attachment":[{"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/media?parent=10773"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/categories?post=10773"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/tags?post=10773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}