CODEWITHSUNDEEP
javascriptgoogle-analytics
Shamoon
Shamoon

Reputation: 43649

How can I set a Page Title with Google Analytics?

The site that I'm working on has really crappy title structure and can't be changed for a variety of reasons. Can I "set" the page title for Google Analytics via JS somehow?

Upvotes: 14

Views: 26098

Answers (3)

Stratigent
Stratigent

Reputation: 47

You can definitely accomplish this in Google Analytics. GA pulls the title information from document.title, so you could just set document.title before GA runs to whatever value you want it to be. In your GA code to push you would set the following:

_gaq.push(["_set", "title", "Your Brand New Page Title"]);
_gaq.push(["_trackPageview"]); //will send with the overridden page title

Upvotes: 3

Dave
Dave

Reputation: 333

This is different in analytics.js (Universal Analytics).

Find details on Google's developer site.

Here are Snippets from the Site:

To send a pageview, you pass the ga function a send command with the pageview hit type:

ga('send', 'pageview');

When this command is executed, the analytics.js library sets the title value using the document.title browser property.

Overriding Default Values

If you need to override the default location information, you should update the title and page values directly.

To override the default page value, you can pass the ga command an additional parameter:

ga('send', 'pageview', '/my-overridden-page?id=1');

Alternatively, to override these values, the send command accepts an optional field object as the last parameter. The field object is a standard JavaScript object, but defines specific field names and values accepted by analytics.js.

    ga('send', 'pageview', {
  'page': '/my-overridden-page?id=1',
  'title': 'my overridden page'
});

Upvotes: 13

Yahel
Yahel

Reputation: 37315

The New Way

There's a (currently undocumented feature) that allows you to override the current page's title:

_gaq.push(["_set", "title", "Your Brand New Page Title"]);
_gaq.push(["_trackPageview"]); //will send with the overridden page title

The Old Way

Google Analytics gets the title information from document.title, so you could just set document.title before Google Analytics runs to whatever value you want it to be. 

_gaq.push(function(){
    var oldtitle = document.title; 
    document.title = "More Descriptive Title";
    _gaq.push(["_trackPageview"]);
    document.title = oldtitle;
});

Tests in Chrome seem to indicate that this doesn't cause a title flicker, but your results may vary.

Upvotes: 18

Related Questions