You can learn where in your help center customers give up and decide to submit a ticket. Most pages in a help center have a “Submit a request” link that lets customers submit a ticket using a Web form.

You can use Google Analytics to capture the URL of the page the customer is on when they decide enough is enough, they want to talk to an agent. Understanding what page a customer is on when they decide to jump ship is valuable for identifying areas of improvement in your design or content.

To enable tracking of pages where requests are initiated

1. In Guide, go to edit the code for your theme, seeEditing your help center theme.
2. Open the script.js file in edit mode.
3. Paste the "Capture submit request event" code below in the$(document).ready(function() { ... });block if you’re using Templating API v1 and thedocument.addEventListener('DOMContentLoaded', function() {block if you’re using Templating API v2:

   Array.prototype.forEach.call(document.querySelectorAll('a.submit-a-request, .article-more-questions a'), function(submitRequestButton) { submitRequestButton.addEventListener('click', function(e) { var path = window.location.pathname; ga('send', 'event', 'Submit Request', 'Submit Request From', path); }); });

   An event is recorded each time a customer clicks the “Submit a request” link. The path parameter captures the URL of the page that the customer was on when they clicked the button.

4. ClickSave, then clickPublish changes.
5. Verify that the event tracking is working. In the help center, click a couple "Submit a request" links. In the Google Analytics dashboard, go toStandard Reports>Real-Time>Eventsand check to make sure the events are captured.

Wait a few days to gather some data. Now take a look at the article pages where customers are deciding to submit tickets. Are there any surprises? Is there a page where you can tell customers are looking for an answer, not finding one, and thereby submitting a request? Look for ways to fix the problem so they don't have to resort to submitting a request.

There is a built-in ticket deflection feature that automatically suggests related articles from your help center when a customer attempts to submit a ticket. The suggested articles are based on the content entered in the subject line of the request. If your customers see an article that might answer their question, they can simply click the link and go to the article. Hurray for one less ticket!

When a customer attempts to create a new community post, you can also offer suggestions for related community posts in your help center. The suggested posts are based on the content entered in the title of the new post.

To measure how well your articles and posts are doing at deflecting tickets and community questions, you can track the events.

To enable tracking of deflected ticket events for articles

1. In Guide, go to edit the code for your theme, seeEditing your help center theme.
2. Open the script.js file in edit mode.
3. Paste the "Capture ticket deflection event" code below in the$(document).ready(function() { ... });block if you’re using Templating API v1 and thedocument.addEventListener('DOMContentLoaded', function() {block if you’re using Templating API v2:

   // Capture ticket deflection event var requestForm = document.querySelector("#new_request") if (requestForm) { requestForm.addEventListener('click', function(e) { if (e.target.matches('.searchbox-suggestions a')) { ga('send', 'event', 'Ticket Deflection', 'Deflect', e.target.href); } }); }

   An event is recorded each time a customer clicks an article suggestion. The tracking code also captures what articles are selected from the list of suggested articles.

4. ClickSave, then clickPublish changes.
5. Verify that the event tracking is working. In your help center, click a couple article suggestions on the Submit a Ticket page. In the Google Analytics dashboard, go toStandard Reports>Real-Time>Eventsand check to make sure the events are captured.

Use what you learn to identify the articles that are selected most often by customers wanting to submit a support request. It may be useful to promote the articles in your help center to draw more attention to them.

To enable tracking of deflected community post events

1. In Guide, go to edit the code for your theme, seeEditing your help center theme.
2. Open the script.js file in edit mode.
3. Paste the "Community Ticket Deflection event" code below in the$(document).ready(function() { ... });block if you’re using Templating API v1 and thedocument.addEventListener('DOMContentLoaded', function() {block if you’re using Templating API v2:

   Array.prototype.forEach.call(document.querySelectorAll('.new_community_post'), function(el) { el.addEventListener('click', function(e) { if (e.target.matches('.searchbox-suggestions a')) { ga('send', 'event', 'Community Ticket Deflection', 'Deflect', e.target.href); } }) });

   An event is recorded each time a customer clicks a post suggestion. The tracking code also captures which posts are selected from the list of suggested posts.

4. ClickSave, then clickPublish changes.
5. Verify that the event tracking is working. In your help center, click a couple post suggestions on the New Post page. In the Google Analytics dashboard, go toStandard Reports>Real-Time>Eventsand check to make sure the events are captured.

You can capture if and how your customers share your articles on social networks. Specifically, you can track each time a customer clicks a social sharing link in an article:

Aside from better understanding your customers' preferred social media channels, the metric helps you understand the virality of the articles in your help center.

The sharing component, {{share}}, must be present in the Article template of your help center theme. The component is not present by default in the Curious Wind and The Noble Feast themes. If you don’t have the {{share}} component or if you removed it, you can add it to your Article template. SeeCustomizing the HTML.

开始在谷歌分析跟踪事件,你need to add some JavaScript (JS), code to your help center pages. The JS listens for a specific customer interaction such as a click. When it detects the interaction, it sends information about the event to Google Analytics.

To enable tracking of social sharing events

1. In Guide, go to edit the code for your theme, seeEditing your help center theme.
2. Open the script.js file in edit mode.
3. Paste the "Social sharing tracking" code below in the$(document).ready(function() { ... });block if you’re using Templating API v1 and thedocument.addEventListener('DOMContentLoaded', function() {block if you’re using Templating API v2:

   Array.prototype.forEach.call(document.querySelectorAll('.share a'), function(el) { el.addEventListener('click', function(e) { var shareType = e.currentTarget.className.replace('share-', ''); var path = window.location.pathname; ga('send','event','Social Share', shareType, path); }) });

   The type parameter captures the social medium that is clicked, (e.g. Facebook, Twitter, LinkedIn, or Google Plus). The path parameter captures the URL of the article that the user is sharing.

4. ClickSave, then clickPublish changes.
5. Verify that the event tracking is working. In your help center, click a couple sharing links. In the Google Analytics dashboard, go toStandard Reports>Real-Time>Eventsand check to make sure the events are captured.

Knowing the chronological order of actions by your customers in your help center can reveal their self-service behavior and habits. You can use Google Analytics to track this flow of events.

Before going any further, let's set up tracking of another common event that we haven't covered yet: searches.

To enable tracking of search events

1. In Guide, go to edit the code for your theme, seeEditing your help center theme.
2. Open the script.js file in edit mode.
3. Paste the "Capture search submit event" code below in the$(document).ready(function() { ... });block if you’re using Templating API v1 and thedocument.addEventListener('DOMContentLoaded', function() {block if you’re using Templating API v2:

   Array.prototype.forEach.call(document.querySelectorAll('form[role="search"]'), function(el) { el.addEventListener('submit', function(e) { query = e.currentTarget.querySelector('input[type="search"]').value.toLowerCase(); ga('send', 'event', 'Search', 'Submit', query); }) });

4. ClickSave, then clickPublish changes.
5. Verify that the event tracking is working. In your help center, perform a couple of searches. In the Google Analytics dashboard, go toStandard Reports>Real-Time>Eventsand check to make sure the events are captured.

Now it’s time to string together all the events you're tracking to get a chronological view of your customers' actions. If you added and tested all of the events in this article, you should have four different event categories in your Google Analytics event reports. To recap, an event is recorded each time a user:

• shares an article on a social media network
• clicks the “Submit a request” button to create a ticket
• abandons submitting a ticket in favor of a suggested article
• searches on your help center

To determine the most common order of events

• In the Google Analytics dashboard, navigate toBehavior>Events>Event Flow.

The Event Flow report shows you the order in which users perform events in your help center. Click any of the categories in the first Event column to see the second, third, and fourth events that users performed afterwards. For example, you can see how many users searched your help center, then clicked “Submit a ticket”, then deflected to a suggested article they couldn’t find before.

That's all the event tracking we're going to cover. If you track other events that you find useful, please share them with us in the comments below.