{"id":214,"date":"2017-08-14T15:49:21","date_gmt":"2017-08-14T15:49:21","guid":{"rendered":"https:\/\/federicojacobi.com\/?p=214"},"modified":"2021-05-26T02:27:16","modified_gmt":"2021-05-26T02:27:16","slug":"adding-pageviews-to-wordpress-stats-on-galleries","status":"publish","type":"post","link":"https:\/\/federicojacobi.com\/2017\/08\/14\/adding-pageviews-to-wordpress-stats-on-galleries\/","title":{"rendered":"Adding pageviews to WordPress stats on galleries"},"content":{"rendered":"\n<p>Jetpack is awesome. Among many features, by default, it runs WordPress&nbsp;stats. While they are not Google Analytics by any means, they do give you a nice view on how your site is doing, with a very small footprint. The event code is just added to your site&#8217;s footer and voila! it just works!<\/p>\n\n\n\n<p>The problem is your site&#8217;s footer doesn&#8217;t know anything.&nbsp;Slideshows, galleries, compilations and one-page apps are good examples of cases where the content of the page changes via Javascript with a click, or perhaps a time-based approach. As far as I know, wp stats doesn&#8217;t have a solution for this issue. I, however, have a hack ready to go, that works wonders.<\/p>\n\n\n\n<p>NOTE: This code will not work on your site as is! but it will hopefully give you the general idea on how to do it.<\/p>\n\n\n\n<p>Let&#8217;s make 2 assumptions: one, you have jQuery available (not necessary), and two, the page we have is a picture gallery and fires an event &#8220;pageChange&#8221; every time NEXT or PREV are clicked.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted lang:php decode:true\">&lt;?php\nfunction add_wordpress_stats_event_handler() {\n\tif ( function_exists( 'stats_build_view_data' ) ) {\n\t\t$data = stats_build_view_data();\n\t\t$data_stats_array = stats_array( $data );\n\t\t?&gt;\n\t\t&lt;script&gt;\n\t\tjQuery(document).on( 'pageChange', function( e ) {\n\t\t\t_stq = window._stq || [];\n\t\t\t_stq.push([ 'view', &lt;?php echo \"{{$data_stats_array}}\" ?&gt;]);\n\t\t} );\n\t\t&lt;\/script&gt;\n\t\t&lt;?php\n\t}\n}\nadd_action( 'wp_footer', 'add_wordpress_stats_event_handler' );<\/pre>\n\n\n\n<p>The part that does the pageview of course is:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted lang:js decode:true\">\/\/ v: 'ext'   &lt;- always 'ext'\n\/\/ j: '1:5.0' &lt;- Jetpack API Version:Jetpack Version\n\/\/ blog: 3282 &lt;- Blog ID on wpstats.\n\/\/ post: 2342 &lt;- Attribute pageview to this post ID. 0 for home. \n\/\/ tz: -4     &lt;- GMT Offset of the site\n\/\/ srv: t.com &lt;- Your site's base url\n\n_stq.push( [ 'view' ], {v:'ext',j:'1:5.0',blog:'123123',post:'0',tz:'-4',srv:'yoursite.com'} );<\/pre>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/federicojacobi.com\/wp-content\/uploads\/2017\/08\/Screen-Shot-2017-08-14-at-11.56.53-AM.png\"><img decoding=\"async\" src=\"https:\/\/federicojacobi.com\/wp-content\/uploads\/2017\/08\/Screen-Shot-2017-08-14-at-11.56.53-AM.png\" alt=\"\" class=\"wp-image-218\"\/><\/a><figcaption>This code was added on July 24th. Notice the traffic increase after July 25th.<\/figcaption><\/figure><\/div>\n\n\n\n<p>One of the sites I handle has a lot of ajax type slideshows. Traffic itself didn&#8217;t increase, it just wasn&#8217;t being recorded on wpstats&nbsp;(see chart above)!<\/p>\n\n\n\n<p>Boom! easy! The same concept applies to one-page applications. Make sure to pass the right urls&nbsp;and post ids to WordPress Stats.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jetpack is awesome. Among many features, by default, it runs WordPress&nbsp;stats. While they are not Google Analytics by any means, they do give you a nice view on how your site is doing, with a very small footprint. The event code is just added to your site&#8217;s footer and voila! it just works! The problem&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/federicojacobi.com\/2017\/08\/14\/adding-pageviews-to-wordpress-stats-on-galleries\/\" title=\"ReadAdding pageviews to WordPress stats on galleries\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,7,8,11],"tags":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/federicojacobi.com\/wp-json\/wp\/v2\/posts\/214"}],"collection":[{"href":"https:\/\/federicojacobi.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/federicojacobi.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/federicojacobi.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/federicojacobi.com\/wp-json\/wp\/v2\/comments?post=214"}],"version-history":[{"count":0,"href":"https:\/\/federicojacobi.com\/wp-json\/wp\/v2\/posts\/214\/revisions"}],"wp:attachment":[{"href":"https:\/\/federicojacobi.com\/wp-json\/wp\/v2\/media?parent=214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/federicojacobi.com\/wp-json\/wp\/v2\/categories?post=214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/federicojacobi.com\/wp-json\/wp\/v2\/tags?post=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}