I have section on our products pages towards the bottom that shows similar products. Is it possible to use event tracking to track when someone sees them? I am currently doing click tracking on them, but it would be nice to be able to track a percent of click through for different suggestion types and to know what percent of people scroll down enough to see them on smaller screen sizes.
You might be able to use something like this jQuery 'in view' plugin to fire an event when that element comes into view: http://remysharp.com/2009/01/26/element-in-view-event-plugin/
Then, when that happens, you could fire a GA event. Depending on your use-case (whether or not you want to fire more than one event if the user scrolls away again and then brings it back into view), you may want to only bind once.
This jQuery plugin:
https://github.com/robflaherty/jquery-scrolldepth
seems to be well maintained and documented. It will do more than the one Remy Sharp suggested on his blog post, which is kind of old-ish by now. It can track scrolling-depth and detect when elements come into view. Once you have both you can do what you want with events, so you can calculate CTR on visible elements/sections.
There is also a non-jQuery fork, which is not as updated but might serve just as well:
https://github.com/leighmcculloch/gascrolldepth.js
Related
I have some categories on my website that I need to track. I want to focus on all the bottoms inside 'My profile' section of an e-commerce hybrid app. The goal is to know how many people clicked on those bottoms and how many people arrived to the destination. To track the second one I am using directly the number of sessions that arrived to those specific URLs.
My questions comes when I have been asked if we should use event tracking or pageview tracking. I think we cannot generate a pageview from a click on a bottom, so a event tracking should be implement on this case. Is this assumption correct?
Thanks!
Somewhat correct.
Technically, you can track both events and pageviews on both clicks and pageloads. Triggers don't enforce the type of an event.
In your case, we typically track both: the click event and the subsequent pageview.
This is somewhat overlapping, but really helps when the url changes, or when the CTA changes. Also helps to see how people navigated to the page when there are suddenly multiple routes.
I have a very long website with text to read.
There are no links on my page, it's all on one single pages.
I'm interested in tracking which part of the page the users spends most time reading.
Is this possible with Google Analytics and Google TagManager?
I searched through "User Timings", but I don't think that this helps me much.
You might want to look at scroll depth tracking. Events are fired every x% of the scroll. If the user doesn't scroll enough, they didn't find relevant content or engaging. User Timing can get skewed because of the aggregation of the session time and GA recording 00:00 for a bounced session.
Also use scroll depth instead of element visibility for tracking long form content. Element visibility is typically used when an element appears that shows up dynamically because of an interaction.
Google Tag Manager already has native Scroll Depth Variable that you can use to trigger the events.
For scroll tracking implementation refer to this link -
https://www.simoahava.com/amp/analytics/scroll-depth-trigger-google-tag-manager/
I suggest using a tool like CrazyEgg or Lucky Orange, these tools also save videos from the user interaction, so it's maybe more useful than just the raw metrics.
As #AnkDasCo said the Scroll Tracking is the Google Analytics way to go.
I'm seeking a very specific event plugin for wordpress (if it exists), if you can suggest one please let me know! Or if there's another easy workaround, I'd appreciate it!
Basically I want to list my events as 4 column square images at the top of a page under the UPCOMING EVENTS section - just like this screenshot:
Screenshot 1 - Upcoming Events
But after the event passes I'd like it to drop down to the PAST EVENTS section (automatically if possible) - if manually, I'd like the images to stack so if there's an odd number of past events the most recent would be at the top and the single event would be at the bottom. The only workaround I've found is for the single event to be at the top and I keep adding rows to the top of the PAST EVENTS section. See the next screenshot for clarification. Thanks so much for taking a look!
Screenshot 2- Past Events
Events Manger does this, you would obviously have to use styling in order to make it appear across the top but their easy widget implementation allows you to select how many events display. You then just need to style the widget.
You can also then enable in the settings archive events, once enabled you will be able to display past events.
If you purchase the pro version you can also take payment for tickets online if you so wish.
https://en-gb.wordpress.org/plugins/events-manager/
This website isn't mean't to be used for looking for recommendations due to certain reasons of favouritism and much more. However, I did need a similar plugin to what you require and this was the one I used. It should fit your needs.
The problem can be seen this page: http://ignitingthesixthsense.com/pre-launch-1
The issue is with the pluggin called Social Discount Press. The purpose of this pluggin is that it prompts the user to share your webpage via social media, and if they do so a link will then appear giving them access to restricted content.
There are actually 2 problems, but I am not sure if they stem from the same issue or not.
1) The first issue is that I have placed the social share buttons on the page twice using this shortcode:
[social_sharing_discount index="2"]
And the second instance of the share buttons (towards the bottom of the page) do not work properly. The Facebook and Twitter button activate the share box when clicked, but after sharing, the "instant access" button does not appear beneath the share button as it should. And the Google button does nothing at all when clicked. I have found that if I remove the 1st instance of the share buttons (at the top of the page), then the second instance of them starts working, so in other words it only seems to work properly if there is one instance on the page at a time.
2) The second and much much smaller issue, is that when the Google share button is clicked, the access button appears before the person actually shares.
And assistance with this would be greatly appreciated.
I have found that the main cause of the issue was due to the pluggin being built mainly on ID's which need to be unique across the page. And having multiple instances of the same ID was causing many errors.
The solution was to rewrite some of the php and js to use Classes instead of ID's. This allowed for two instances of the pluggin to work on the same page, thus solving problem number one.
The reason why the google one is so inaccurate is because the author simply opens up a popup to the google share page in a popup, this doesn't allow us to see the JS events such as when we share.
On the other hand because the twitter and facebook jssdk are loaded into the page, we know the exact moment when there has been either of those have been shared and thus accurately display the instant access button.
Due to this the author of the pluggin is just doing a best guess as to when the user is likely to have shared. It this case the author is guessing that when the javascript onunload event fires, that logically the user has shared on google. Now the onunload event can be fired in multiple ways, one is when the user closes the popup, i.e the best guess scenario as to if the user has shared. However the onunload event also fires when the form loses focus, a user naviagtes a way or a link is clicked.
Furthermore the onunload event is only properly supported in IE, FF and Safari, not Chrome and Opera. Which in the end gives it differeing behaviour in different browsers.
All of this can lead to unpredicatable behaviour, such as what you are noticing.
A better solution would be for google to have a jssdk for the the google plus share that let's us create a share box on the fly, however it's lacking that functionality as of now.
We're building a site for an academic institution. This institution offers many subjects, and we don't want to show all of them at once on the homepage. So we designed a homepage that shows the 2 main categories of studies, and clicking on a category will show a div with the list of subjects in that category.
Our client is worried SEO-wise about those div's being hidden on page-load. Is he correct in his concern?
It depends on how you hide them if you use a z-order or a far left off screen position they will still be read by the Google bot. if you use display none or hidden then it may have an effect on your SEO.
You're right to have concern. Google will count some of or significantly reduce content that isn't displayed on page load. I would recommend letting the text display at load, then setting it to display none via JavaScript. This way the search engine picks it up.
You can do so with a simple jQuery hide snippet like this:
<p class="remove">Text displayed on load.</p>
$j(document).ready(function(){
$('.remove').hide();
});
I read an article by Roger Johansson on this subject, and it seems that the conclusion is that as long as the intent isn't to show that content only to search engines, hiding is fine. I don't see any mention of preferring one method of hiding over the other.
In addition, in that post's comments there was a link to an answer by a Google worker that said:
Merely using display:none will not automatically trigger a penalty. The key is whether or not there is a mechanism - either automatic or one that is invoked by the user - to make the content visible
In my case of course there will be such a mechanism, because we want our users to see that content, just not at page-load...