{"id":1572,"date":"2022-08-01T15:35:08","date_gmt":"2022-08-01T15:35:08","guid":{"rendered":"https:\/\/docs.parse.ly\/other-tools\/"},"modified":"2025-10-13T13:25:02","modified_gmt":"2025-10-13T13:25:02","slug":"overlay","status":"publish","type":"page","link":"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/","title":{"rendered":"Overlay bookmarklet"},"content":{"rendered":"\n<p>The Overlay bookmarklet&nbsp;<a href=\"https:\/\/docs.parse.ly\/tools-features\/overlay\/how-to\/\">layers real-time content analytics on top of your site<\/a>. This enables tracking of the performance of posts on your homepage or section pages. It also displays historical performance for particular page positions (&#8220;slots&#8221;), so you can see if an article is doing better or worse than the slot\u2019s average.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e3016b8d5bc&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e3016b8d5bc\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1745\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-scaled.png\" alt=\"\" class=\"wp-image-11900\" srcset=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-scaled.png 2560w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-300x205.png 300w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-1024x698.png 1024w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-768x524.png 768w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-1536x1047.png 1536w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-2048x1396.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Overlay allows easy tracking of post performance.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-activate-and-use-overlay\">Activate Overlay<\/h2>\n\n\n\n<p>To use Overlay, first click and drag the green &#8220;Overlay&#8221; button below from this page into your browser&#8217;s bookmarks bar or list:<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<a href=\"javascript:(function() {var js = document.createElement('script');js.setAttribute('src', '\/\/dash.parsely.com\/overlay\/overlay.js?v=1697491168512'); document.body.appendChild(js);}());\" style=\"text-decoration: none; padding: 4px 15px; margin-bottom: 25px; display: inline-block; border-radius: 3px; background-color: rgb(91, 167, 69); color: white;\">Overlay<\/a>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e3016b8d989&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e3016b8d989\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/07\/Overlay-bookmarklet.gif\" alt=\"Click and drag the &quot;Overlay&quot; button into browser bookmarks.\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Click and drag the &#8220;Overlay&#8221; button into browser bookmarks.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Then, after logging into the <a href=\"https:\/\/docs.parse.ly\/dashboard\/\">Parse.ly Dashboard<\/a> in your browser, visit a page on your site that:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Is structured for custom content placement, such as your homepage or a section page.<\/li>\n\n\n\n<li>Contains links to content on the same site domain.<\/li>\n\n\n\n<li>Logged at least one <a href=\"https:\/\/docs.parse.ly\/measuring-reporting-performance\/calculations\/page-views\/\">page view<\/a> within the last 10 minutes.<\/li>\n\n\n\n<li>Is a <a href=\"https:\/\/docs.parse.ly\/metadata\/#h-post-vs-non-post\">non-post per the metadata<\/a> supplied to Parse.ly.<\/li>\n\n\n\n<li>Is not a <a href=\"https:\/\/docs.parse.ly\/google-amp\/\">Google AMP page<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>While viewing this page, click your browser&#8217;s new bookmark to load Overlay.<\/p>\n\n\n\n<p>Close Overlay using the &#8220;X&#8221; icon in the upper-right corner of the panel.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/07\/Close-Overlay.png\"><img decoding=\"async\" src=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/07\/Close-Overlay.png\" alt=\"Close the Overlay panel.\" style=\"width:313px;height:auto\"\/><\/a><figcaption class=\"wp-element-caption\">Close the Overlay panel.<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Overlay controls<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"timeline-selector\">Timeline selector<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><a href=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"1146\" src=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-3.png\" alt=\"\" class=\"wp-image-11904\" style=\"width:435px;height:auto\" srcset=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-3.png 750w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-3-196x300.png 196w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-3-670x1024.png 670w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>The timeline chart at the top of the overlay displays six hours of data. The timeline selector below the chart enables analysis of: 5m, 10m, 30m, 1h, 2h, 4h, or 6 hours of data.<\/p>\n\n\n\n<p>The selected amount of time will display as a light gray color in the timeline chart. Any unselected time will remain dark gray.<\/p>\n\n\n\n<p>The timeline selector will also modify the factoids (views, clicks, visitors, engaged minutes), visitor device distribution (desktop, tablet, mobile), referrer distribution, and top three referrer sources.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"metric-menu\">Metric menu<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><a href=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"846\" height=\"2116\" src=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-5.png\" alt=\"\" class=\"wp-image-11906\" style=\"width:255px;height:auto\" srcset=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-5.png 846w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-5-120x300.png 120w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-5-409x1024.png 409w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-5-768x1921.png 768w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-5-614x1536.png 614w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-5-819x2048.png 819w\" sizes=\"auto, (max-width: 846px) 100vw, 846px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>The metric menu offers the following options: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clicks per minute, <\/li>\n\n\n\n<li>% of Page Clicks, <\/li>\n\n\n\n<li>Change in % of Page Clicks, <\/li>\n\n\n\n<li>Historical % of Page Clicks, <\/li>\n\n\n\n<li>Click-through Rate, <\/li>\n\n\n\n<li>Change in Click-through rate, and <\/li>\n\n\n\n<li>Historical Click-through Rate<\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"non-comparison-metrics\">Non-comparison metrics<\/h4>\n\n\n\n<p>When viewing non-comparison metrics (Clicks per minute, % of Page Clicks, Historical % of Page Clicks, Click-through Rate, Historical Click-through Rate), you may see the following color scale after you&#8217;ve <a href=\"#enable-overlay\">enabled<\/a> the Overlay:<\/p>\n\n\n\n<div style=\"font-family: monospace; line-height: 1.8;\">\n  <span style=\"display:inline-block; width:16px; height:16px; background:#F7F09B; border:1px solid #ccc; vertical-align:middle; margin-right:6px;\"><\/span> #F7F09B (okay)<br>\n  <span style=\"display:inline-block; width:16px; height:16px; background:#EEFDA9; border:1px solid #ccc; vertical-align:middle; margin-right:6px;\"><\/span> #EEFDA9<br>\n  <span style=\"display:inline-block; width:16px; height:16px; background:#B7E576; border:1px solid #ccc; vertical-align:middle; margin-right:6px;\"><\/span> #B7E576 (good)<br>\n  <span style=\"display:inline-block; width:16px; height:16px; background:#5A9E7C; border:1px solid #ccc; vertical-align:middle; margin-right:6px;\"><\/span> #5A9E7C<br>\n  <span style=\"display:inline-block; width:16px; height:16px; background:#84CC61; border:1px solid #ccc; vertical-align:middle; margin-right:6px;\"><\/span> #84CC61\n<\/div><br><br>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"non-comparison-metrics-time-range\">Non-comparison metrics time range<\/h4>\n\n\n\n<p>When viewing non-comparison metrics, you may select: 5m, 10m, 30m, 1h, 2h, 4h, or 6 hours of data from the time range menu. This time range will affect the Slots data that is located beneath this menu and it will affect the values that you see in the badges of the Overlay display.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"comparison-metrics\">Comparison metrics<\/h4>\n\n\n\n<p>When viewing comparison metrics (Change in % of Page Clicks, Change in Click-through Rate), you may see this broader color scale after you&#8217;ve <a href=\"#enable-overlay\">enabled<\/a> the Overlay:<\/p>\n\n\n\n<div style=\"font-family: monospace; line-height: 1.8;\">\n  <span style=\"display:inline-block; width:16px; height:16px; background:#78024D; border:1px solid #ccc; vertical-align:middle; margin-right:6px;\"><\/span> #78024D (bad) <br>\n  <span style=\"display:inline-block; width:16px; height:16px; background:#C31308; border:1px solid #ccc; vertical-align:middle; margin-right:6px;\"><\/span> #C31308<br>\n  <span style=\"display:inline-block; width:16px; height:16px; background:#FF5201; border:1px solid #ccc; vertical-align:middle; margin-right:6px;\"><\/span> #FF5201<br>\n  <span style=\"display:inline-block; width:16px; height:16px; background:#F7F09B; border:1px solid #ccc; vertical-align:middle; margin-right:6px;\"><\/span> #F7F09B (okay)<br>\n  <span style=\"display:inline-block; width:16px; height:16px; background:#EEFDA9; border:1px solid #ccc; vertical-align:middle; margin-right:6px;\"><\/span> #EEFDA9<br>\n  <span style=\"display:inline-block; width:16px; height:16px; background:#B7E576; border:1px solid #ccc; vertical-align:middle; margin-right:6px;\"><\/span> #B7E576 (good)<br>\n  <span style=\"display:inline-block; width:16px; height:16px; background:#5A9E7C; border:1px solid #ccc; vertical-align:middle; margin-right:6px;\"><\/span> #5A9E7C<br>\n  <span style=\"display:inline-block; width:16px; height:16px; background:#84CC61; border:1px solid #ccc; vertical-align:middle; margin-right:6px;\"><\/span> #84CC61\n<\/div><br><br>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"comparison-metrics-options\">Comparison metrics options<\/h4>\n\n\n\n<p>When selecting a comparison metric, you will have additional menus. <\/p>\n\n\n\n<p id=\"time-ranges\"><strong>Time ranges:<\/strong> there are two dropdown menus.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&#8220;Past&#8221; this menu on the left allows you to select a time period within the last six hours.<\/li>\n\n\n\n<li>&#8220;vs Past&#8221; this menu on the right enables you to select a time period within the last month.<\/li>\n<\/ul>\n\n\n\n<p id=\"comparison-mode\"><strong>Comparison mode:<\/strong> <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&#8220;Same Period&#8221; enables you to compare the same unit of time on two different days. For example, &#8220;I want to compare the last two hours with a two hour window from six days ago.&#8221;<\/li>\n\n\n\n<li>&#8220;Average&#8221; allows you to compare data over the recent period to the average performance of a span of time. For example, &#8220;I want to compare the past two hours to the average performance of the last six days.&#8221;<\/li>\n<\/ul>\n\n\n\n<p id=\"absolute-relative-selector\"><strong>Absolute\/Relative selector:<\/strong> <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Absolute: displays as &#8220;pp\u201d (percentage points) to reflect absolute change, rather than suggesting relative change. For example, an increase from 2% to 10% click-through rate will display as +8pp.<\/li>\n\n\n\n<li>Relative: displays as a percentage change.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Display options<\/h2>\n\n\n\n<p>At the bottom of the Overlay panel, there are three toggles for changing how Overlay displays on your site.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e3016b8eb06&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e3016b8eb06\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"742\" height=\"112\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image.png\" alt=\"\" class=\"wp-image-11901\" srcset=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image.png 742w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-300x45.png 300w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Display options in the Overlay panel.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"enable-overlay\"><strong>Overlay<\/strong> <\/h3>\n\n\n\n<p>Toggling on the <strong>Overlay<\/strong> will display a heat map over the site page for easy identification of how slots, or locations, on the page are performing. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"badge-size\">Badge size<\/h3>\n\n\n\n<p><strong>Badge size<\/strong> contains two badge sizes. The default size is small (SM). The large (LG) badges are displayed in the following screenshot (compare with the screenshot at the top of the page). <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e3016b8ef04&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e3016b8ef04\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1464\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-1-scaled.png\" alt=\"\" class=\"wp-image-11902\" srcset=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-1-scaled.png 2560w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-1-300x172.png 300w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-1-1024x586.png 1024w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-1-768x439.png 768w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-1-1536x878.png 1536w, https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/image-1-2048x1171.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"page-scaled\">Page scaled<\/h3>\n\n\n\n<p><strong>Page scaled<\/strong> reduces the page size for easier viewing alongside the Overlay panel on smaller screens.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Overlay bookmarklet&nbsp;layers real-time content analytics on top of your site. This enables tracking of the performance of posts on your homepage or section pages. It also displays historical performance for particular page positions (&#8220;slots&#8221;), so you can see if an article is doing better or worse than the slot\u2019s average. Activate Overlay To use [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":8266,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[171],"tags":[156,163],"class_list":["post-1572","page","type-page","status-publish","hentry","category-tools-features","tag-gif","tag-screenshot-parsely"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Overlay bookmarklet | Parse.ly<\/title>\n<meta name=\"description\" content=\"The Parse.ly Overlay layers a real-time-data heatmap on your website, enabling you to optimize click through rates.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Overlay bookmarklet | Parse.ly\" \/>\n<meta property=\"og:description\" content=\"The Parse.ly Overlay layers a real-time-data heatmap on your website, enabling you to optimize click through rates.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/\" \/>\n<meta property=\"og:site_name\" content=\"Parse.ly Help &amp; Support Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-13T13:25:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-scaled.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1745\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@parselysupport\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/\",\"url\":\"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/\",\"name\":\"Overlay bookmarklet | Parse.ly\",\"isPartOf\":{\"@id\":\"https:\/\/docs.parse.ly\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-scaled.png\",\"datePublished\":\"2022-08-01T15:35:08+00:00\",\"dateModified\":\"2025-10-13T13:25:02+00:00\",\"description\":\"The Parse.ly Overlay layers a real-time-data heatmap on your website, enabling you to optimize click through rates.\",\"breadcrumb\":{\"@id\":\"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/#primaryimage\",\"url\":\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-scaled.png\",\"contentUrl\":\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-scaled.png\",\"width\":2560,\"height\":1745},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.parse.ly\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User handbook\",\"item\":\"https:\/\/docs.parse.ly\/user-handbook\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Tools and features\",\"item\":\"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Overlay bookmarklet\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.parse.ly\/#website\",\"url\":\"https:\/\/docs.parse.ly\/\",\"name\":\"Parse.ly Help & Support Documentation\",\"description\":\"Parse.ly help documentation and knowledge base\",\"publisher\":{\"@id\":\"https:\/\/docs.parse.ly\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.parse.ly\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/docs.parse.ly\/#organization\",\"name\":\"Parse.ly\",\"url\":\"https:\/\/docs.parse.ly\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.parse.ly\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2022\/09\/Parsely-Logo-sRGB-Leaf-Green.png\",\"contentUrl\":\"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2022\/09\/Parsely-Logo-sRGB-Leaf-Green.png\",\"width\":360,\"height\":390,\"caption\":\"Parse.ly\"},\"image\":{\"@id\":\"https:\/\/docs.parse.ly\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/parselysupport\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Overlay bookmarklet | Parse.ly","description":"The Parse.ly Overlay layers a real-time-data heatmap on your website, enabling you to optimize click through rates.","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:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/","og_locale":"en_US","og_type":"article","og_title":"Overlay bookmarklet | Parse.ly","og_description":"The Parse.ly Overlay layers a real-time-data heatmap on your website, enabling you to optimize click through rates.","og_url":"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/","og_site_name":"Parse.ly Help &amp; Support Documentation","article_modified_time":"2025-10-13T13:25:02+00:00","og_image":[{"width":2560,"height":1745,"url":"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-scaled.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@parselysupport","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/","url":"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/","name":"Overlay bookmarklet | Parse.ly","isPartOf":{"@id":"https:\/\/docs.parse.ly\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/#primaryimage"},"image":{"@id":"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-scaled.png","datePublished":"2022-08-01T15:35:08+00:00","dateModified":"2025-10-13T13:25:02+00:00","description":"The Parse.ly Overlay layers a real-time-data heatmap on your website, enabling you to optimize click through rates.","breadcrumb":{"@id":"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/#primaryimage","url":"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-scaled.png","contentUrl":"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2025\/10\/SCR-20251003-mxki-1-scaled.png","width":2560,"height":1745},{"@type":"BreadcrumbList","@id":"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.parse.ly\/"},{"@type":"ListItem","position":2,"name":"User handbook","item":"https:\/\/docs.parse.ly\/user-handbook\/"},{"@type":"ListItem","position":3,"name":"Tools and features","item":"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/"},{"@type":"ListItem","position":4,"name":"Overlay bookmarklet"}]},{"@type":"WebSite","@id":"https:\/\/docs.parse.ly\/#website","url":"https:\/\/docs.parse.ly\/","name":"Parse.ly Help & Support Documentation","description":"Parse.ly help documentation and knowledge base","publisher":{"@id":"https:\/\/docs.parse.ly\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.parse.ly\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/docs.parse.ly\/#organization","name":"Parse.ly","url":"https:\/\/docs.parse.ly\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.parse.ly\/#\/schema\/logo\/image\/","url":"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2022\/09\/Parsely-Logo-sRGB-Leaf-Green.png","contentUrl":"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2022\/09\/Parsely-Logo-sRGB-Leaf-Green.png","width":360,"height":390,"caption":"Parse.ly"},"image":{"@id":"https:\/\/docs.parse.ly\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/parselysupport"]}]}},"parsely":{"version":"1.1.0","canonical_url":"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/","smart_links":{"inbound":0,"outbound":0},"traffic_boost_suggestions_count":0,"meta":{"@context":"https:\/\/schema.org","@type":"NewsArticle","headline":"Overlay bookmarklet","url":"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/"},"thumbnailUrl":"","image":{"@type":"ImageObject","url":""},"articleSection":"User guide &gt; Tools and features","author":[{"@type":"Person","name":"joshua"}],"creator":["joshua"],"publisher":{"@type":"Organization","name":"Parse.ly Help &amp; Support Documentation","logo":"https:\/\/docs.parse.ly\/wp-content\/uploads\/sites\/5\/2022\/09\/Parsely-Logo-sRGB-Leaf-Green.png"},"keywords":["gif","screenshot: parse.ly"],"dateCreated":"2022-08-01T15:35:08Z","datePublished":"2022-08-01T15:35:08Z","dateModified":"2025-10-13T13:25:02Z"},"rendered":"<meta name=\"parsely-title\" content=\"Overlay bookmarklet\" \/>\n<meta name=\"parsely-link\" content=\"https:\/\/docs.parse.ly\/user-handbook\/tools-features\/overlay\/\" \/>\n<meta name=\"parsely-type\" content=\"post\" \/>\n<meta name=\"parsely-pub-date\" content=\"2022-08-01T15:35:08Z\" \/>\n<meta name=\"parsely-section\" content=\"User guide &gt; Tools and features\" \/>\n<meta name=\"parsely-tags\" content=\"gif,screenshot: parse.ly\" \/>\n<meta name=\"parsely-author\" content=\"joshua\" \/>","tracker_url":"https:\/\/cdn.parsely.com\/keys\/docs.parse.ly\/p.js"},"_links":{"self":[{"href":"https:\/\/docs.parse.ly\/wp-json\/wp\/v2\/pages\/1572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.parse.ly\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.parse.ly\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.parse.ly\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.parse.ly\/wp-json\/wp\/v2\/comments?post=1572"}],"version-history":[{"count":38,"href":"https:\/\/docs.parse.ly\/wp-json\/wp\/v2\/pages\/1572\/revisions"}],"predecessor-version":[{"id":11969,"href":"https:\/\/docs.parse.ly\/wp-json\/wp\/v2\/pages\/1572\/revisions\/11969"}],"up":[{"embeddable":true,"href":"https:\/\/docs.parse.ly\/wp-json\/wp\/v2\/pages\/8266"}],"wp:attachment":[{"href":"https:\/\/docs.parse.ly\/wp-json\/wp\/v2\/media?parent=1572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.parse.ly\/wp-json\/wp\/v2\/categories?post=1572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.parse.ly\/wp-json\/wp\/v2\/tags?post=1572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}