Other users may prefer to print web pages from the File Menu that is standard across all browsers.<\/li>\n<\/ol>\nBecause there are multiple ways to print the same web page, it is difficult to use JavaScript based event tracking in Google Analytics to track print usage.<\/p>\n
A simple workaround is that you add an invisible tracking image (like the ones used for read receipts in email) only in the printed version of a web page. Thus when a user prints a web page, through any route, that tracking image will download on his \/ her computer and you can easily track the print (and print preview) action.<\/p>\n
Track Print Usage with Google Analytics<\/h2>\n
That was the boring theory but you can safely skip the technical details and get right into implementing the actual tracking code.<\/p>\n
All you have to do is copy-paste the following code above the closing <\/body> tag in your website template. If you are on WordPress, you can simple paste it in your footer.php file.<\/p>\n
Please remember to replace REPLACE_ME in the code with your actual Google Analytics Profile ID which looks something like this \u2013 UA-12345-89.<\/p>\n
\r\n<script type="text\/javascript">\r\n var ga = "REPLACE_ME";\r\n var css = document.createElement('style');\r\n\r\n if (css && ga != "REPLACE_ME") {\r\n var gimg = "http:\/\/ctrlq.org\/urchin\/?";\r\n gimg += "id=" + ga;\r\n gimg += "&d=" + document.location.hostname;\r\n gimg += "&i=" + document.location.pathname;\r\n\r\n var cstr = "@media print {body:after";\r\n cstr += "{content:url(" + gimg + ")}}";\r\n var node = document.createTextNode(cstr);\r\n\r\n if (css.styleSheet) {\r\n css.styleSheet.cssText = node.nodeValue;\r\n } else {\r\n css.appendChild(node);\r\n }\r\n\r\n var head = document.getElementsByTagName('head')[0];\r\n if (head) {\r\n head.appendChild(css);\r\n }\r\n }\r\n<\/script>\r\n<\/pre>\nOnce the tracking code is live, wait for a day or two as as Google Analytics may take time to process usage data. Then log in to your Google Analytics dashboard, go to Content \u2013> Site Content \u2013> Pages and set \/print\/ as the search filter.<\/p>\n
You\u2019ll get a complete list of web pages that have been printed in this duration while the Pageview column will reflect the the number of times a particular page has been printed . Set the Secondary Dimension in the report as Browser or Operating System or Country and you\u2019ll get additional details about the users who are using the Print function on your web site.<\/p>\n
Here\u2019s a sample print usage report generated with Google Analytics.<\/p>\n
How Print Tracking Works?<\/h2>\n
Should you be interested in the technical details, here they are. The JavaScript code adds the following CSS rule to your HTML webpage while it is rendering in the browser.<\/p>\n
\r\n<style type="text\/css">\r\n @media print {\r\n body:after {\r\n content:url("GOOGLE_ANALYTICS_TRACKING_IMAGE")\r\n }\r\n }\r\n<\/style>\r\n<\/pre>\nThis is simple print only rule that will add an invisible tracking image to the printer-friendly version of your page (body:after). When a user prints the page, the tracking image downloads on the user\u2019s computer and this is registered as a page view in Google Analytics as shown in the above report.<\/p>\n
The above CSS rule is only activated when the users invokes the print or print preview command. Some PDF writing programs also use the Print stylesheet when saving web pages to PDFs and thus, the same tracking code will work in those cases as well.<\/p>\n
PS: If you have a PHP enabled web server, you can simple copy this PHP file<\/a> on to your own server as index.php and\u00a0 replace ctrlq.org\/urchin in the above JavaScript code with your own web server\u2019s address.<\/p>\n","protected":false},"excerpt":{"rendered":"Say you have a website that is printer-friendly but you are not too sure if people are actually printing your web pages. And if they are, you are interested to know how often they print pages and what is the kind of content that users are most likely to print on your site.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,17],"tags":[221,725],"class_list":["post-492","post","type-post","status-publish","format-standard","hentry","category-just-blogging","category-tips-n-tricks","tag-how-to-use-google-analytics-to-track-when-people-print-your-web-pages","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts\/492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/comments?post=492"}],"version-history":[{"count":6,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts\/492\/revisions"}],"predecessor-version":[{"id":689,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts\/492\/revisions\/689"}],"wp:attachment":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/media?parent=492"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/categories?post=492"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/tags?post=492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}