(http://www.digitalvidya.

com/)

DIGITAL VIDYA BLOG

DIGITAL MARKETING CASE STUDIES, WHYTOS, HOWTOS, INTERVIEWS, NEWS, EVENTS, JOBS AND MORE...

5 STEPS TO ADD A GOOGLE ANALYTICS TAB AT YOUR FACEBOOK PAGE FOR REGULAR WEB ANALYTICS
(http://www.digitalvidya.com/blog/5-steps-to-add-a-google-analytics-tab-at-your-facebook-page-for-regular-web-analytics-dmblog-1103/)
Mukta Walvekar (http://www.digitalvidya.com/blog/author/muktawalvekar/) - Nov 13th, 2014 - Web Analytics (http://www.digitalvidya.com/blog/category/web-analytics/) - 2 Comments
- Facebook (http://www.digitalvidya.com/blog/tag/facebook/), Google Analytics (http://www.digitalvidya.com/blog/tag/google-analytics/), Google Analytics Tips
(http://www.digitalvidya.com/blog/tag/google-analytics-tips/), iFrame Tabs (http://www.digitalvidya.com/blog/tag/iframe-tabs/), Static HTML (http://www.digitalvidya.com/blog/tag/static-html/), Web
Analytics on Social Media (http://www.digitalvidya.com/blog/tag/web-analytics-on-social-media/)

(https://www.facebook.com/sharer/sharer.php?u=http://www.digitalvidya.com/blog/5-steps-to-add-a-google-analytics-tab-at-your-facebook-page-for-regular-web-analyticsdmblog-1103/)
(https://twitter.com/intent/tweet?source=webclient&original_referer=http://www.digitalvidya.com/blog/5-steps-to-add-a-google-analytics-tab-at-your-facebook-page-for-regularweb-analytics-dmblog-1103/&text=5+Steps+To+Add+A+Google+Analytics+Tab+At+Your+Facebook+Page+For+Regular+Web+Analytics&url=http://www.digitalvidya.com/blog/5-steps-toadd-a-google-analytics-tab-at-your-facebook-page-for-regular-web-analytics-dmblog-1103/&related=mydigitalvidya&via=mydigitalvidya)
(https://plus.google.com/share?url=http://www.digitalvidya.com/blog/5-steps-to-add-a-google-analytics-tab-at-your-facebook-page-for-regular-web-analytics-dmblog-1103/)

(http://www.linkedin.com/shareArticle?
mini=true&ro=true&trk=JuizSocialPostSharer&title=5+Steps+To+Add+A+Google+Analytics+Tab+At+Your+Facebook+Page+For+Regular+Web+Analytics&url=http://www.digitalvidya.com/blog/5steps-to-add-a-google-analytics-tab-at-your-facebook-page-for-regular-web-analytics-dmblog-1103/)

Total: 28
Google Analytics is a powerful tool to help web administrators to monitor incoming traffic to the website. Using this toolkit,site administrators can get concrete data aboutvisitors. The analytics data is
presented across variouspivots such as:
Number of people who visited the site
Number of unique visitors
Path chosen by people to visit the site (whether they browsed directly to site or followed a link)
Keywords used on search engine to get to the site
Duration they stayed on site
Click behavior data on site
Monitor which webpages are working properly
Monitor which webpages are popular
The real power of Google Analytics lies in its ubiquity. The toolkit is available across traditional desktop machines, smartphones and tablets. The tool also tracks social interactions. With this toolkit,
marketers can not only get statistical reports about traffic, but also are able to see sophisticated visual representations of the data in form of graphs and charts.
Behind the scenes, Google Analytics generates a page tag or tracking code which is just is a snippet of JavaScript code.Site owner can add this page tag to every page of the website. JavaScript needs to
be enabled in the browser for analytics to work correctly. When a visitor browses to a webpage, the page tag (tracking code) runs in the client browser, collects relevant data and sends it back to a
GoogleAnalytics server.
To better leverage this Google Analytics capability, Facebook introduced iFrame tabs for Facebook Pages. In past, people could build their Facebook Page Tab apps using FBML (Facebook Markup
Language). However, with addition of iFrame capability, incoming traffic tracking inside Facebook Page iFrame using Google Analytics became very easy.
Here are five steps that can help you add Analytics to your Facebook Page:

1. Add Static HTML to Facebook Page

It is required for you to have a Facebook Account to execute these steps. First, login with your credentials into Facebook.
Search for Static HTML in Facebook Search box.

In the search results you will see an app with name Static HTML: iFrame tabs.

Select this app and click on the big blue button with text Add Static HTML to a Page.
Choose Facebook Page where you would like to add Analytics.
Note: It is mandatory for you to have at least one Facebook Page that you are admin of in order to successfully execute this step.
As a result of adding static HTML, you will be able to see an app with text Welcome and icon of a star on the Facebook Page as shown in this picture.

2. Edit Static HTML

Click on Welcome or Star icon above and click on Edit Tab, which will take you to edit settings of the App.

After clicking on edit tab, a popup shown in picture below will open up.

Note: Use Chrome or Firefox for seamless experience with this step.
You can continue to edit in popup mode or use Facebook to change the settings.
There are two options for editing on this popup:Content and Leadgate (previously called Fangate).
Editing Content:

Any standard HTML, text, images or hyperlinks can be added to this section.
You can type simple text such as Hello new visitor.
To commit changes to content, click on blue button with textSave and Publish.

Editing Leadgate:

This option was previously called Fangate; however, as of November 5 2014, Facebook no longer allows Fangated.
If leadgate option is enabled, visitors will see this before they visit the Facebook Page. Main Page content would be displayed after they submit the form.
There are 3 ways to edit Leadgate content as shown in this picture.

To limit the scope of this article, we will use Static HTML editing. This option offers both styled and non-styled copy-pasteable code that can pasted into the content box of Leadgate.
Click on Save and Publish button after editing is done.

3. Generate Google Analytics Code:

Go to http://wwww.google.com/Analytics
Create a new account, if you dont already have one, by filling up following fields:
Account Name : e.g. My Account Name
Website Name : e.g. My Website Name
Website URL :Type http://www.facebook.comfor the URL
Industry Category : Choose as applicable to you Facebook Fan Page
Reporting Time Zone : Choose appropriately

Uncheck all data sharing options and click on blue button with text Get Tracking ID as below.

In the next step, you will be presented with Terms of Service Agreement for Google Analytics. Accept the termsto move forward in process.
This creates Analytics code in Tracking Info tab as highlighted in the picture below.

Contact Us +91-80100-33033 (tel:+91-80100-33033) | info@digitalvidya.com (mailto:info@digitalvidya.com)

http://www.facebook.com/sharer/sharer.php?u=http://www.digitalvidya.com/blog/5stepstoaddagoogleanalyticstabatyourfacebookpageforregularwebanalyticsdmblog1103/

https://plus.google.com/share?url=http://www.digitalvidya.com/blog/5stepstoaddagoogleanalyticstabatyourfacebookpageforregularwebanalyticsdmblog1103/
http://www.linkedin.com/shareArticle?
mini=true&ro=true&trk=EasySocialShareButtons&title=5+Steps+To+Add+A+Google+Analytics+Tab+At+Your+Facebook+Page+For+Regular+Web+Analytics&url=http://www.digitalvidya.com/blog/5
stepstoaddagoogleanalyticstabatyourfacebookpageforregularwebanalyticsdmblog1103/

Select the entire analytics code, right click and select copy option to copy the script.

4. Paste Analytics code into Facebook Page

Navigate to the Content and Leadgate tabs that we worked with in step 3
Paste the copied script into index.html for both Content and Leadgate

Speak with Expert

Click on Publish and Save

If you preview the tab, you will only be able to see the text and no script code

5. View Analytics Reports

Navigate back to Google Analytics account that you created in Step 4.
Change from Admin tab to Reporting Tab of Analytics.
Click on Real-Time reporting link on left hand side.

You can now start seeing data such as number of page views, number of visitors etc. on this tab.
Initially there will not be any data on the reporting tab.
However, if you visit the Facebook Page and do activities such as clicking on Like button or navigating through page content, after some time Google Analytics will pick up the data and start showing
updated reports.

Advantages of adding Google Analytics to Facebook Page

Adding Analytics to your Facebook page is real simple, easy, quick and free of cost.
Analytics reports can be shared via email and exported to PDF, excel or csv formats for further processing.
A reporting dashboard can also be customized by adding selective widgets that are needed for frequent viewing.
Analytics offers data on various pivots such as:

1. Real Time
Top active pages, top referrals, top social traffic, top keywords and locations
Active users
Page views per minute
Page views per second

2. Audience
Sessions, users, pages per session,bounce rate, % new sessions, page-viewsand average session duration
Demographics by country, city
System details such as browser, operating system, service provide
Using this rich data, page administrators can develop meaningful insights, perform in-depth analysis of incoming traffic and attract more crowd to visit the page.
(https://www.facebook.com/sharer/sharer.php?u=http://www.digitalvidya.com/blog/5-steps-to-add-a-google-analytics-tab-at-your-facebook-page-for-regular-web-analyticsdmblog-1103/)
(https://twitter.com/intent/tweet?source=webclient&original_referer=http://www.digitalvidya.com/blog/5-steps-to-add-a-google-analytics-tab-at-your-facebook-page-for-regularweb-analytics-dmblog-1103/&text=5+Steps+To+Add+A+Google+Analytics+Tab+At+Your+Facebook+Page+For+Regular+Web+Analytics&url=http://www.digitalvidya.com/blog/5-steps-toadd-a-google-analytics-tab-at-your-facebook-page-for-regular-web-analytics-dmblog-1103/&related=mydigitalvidya&via=mydigitalvidya)
(https://plus.google.com/share?url=http://www.digitalvidya.com/blog/5-steps-to-add-a-google-analytics-tab-at-your-facebook-page-for-regular-web-analytics-dmblog-1103/)
(http://www.linkedin.com/shareArticle?
mini=true&ro=true&trk=JuizSocialPostSharer&title=5+Steps+To+Add+A+Google+Analytics+Tab+At+Your+Facebook+Page+For+Regular+Web+Analytics&url=http://www.digitalvidya.com/blog/5steps-to-add-a-google-analytics-tab-at-your-facebook-page-for-regular-web-analytics-dmblog-1103/)

Total: 28

(http://www.digitalvidya.com/web-analytics-training/)

Previous Post (http://www.digitalvidya.com/blog/top-7-social-media-marketing-tools-to-leverage-twitter-effectively-dmblog-0702/)

 Previous Post (http://www.digitalvidya.com/blog/top-7-social-media-marketing-tools-to-leverage-twitter-effectively-dmblog-0702/)

Next Post (http://www.digitalvidya.com/blog/stop-duplicate-content-from-getting-published-using-small-seo-tools-dmblog-0707/)

There are 2 comments

8 months ago

Ramki / Reply (/blog/5-steps-to-add-a-google-analytics-tab-at-your-facebook-page-for-regular-web-analytics-dmblog-1103/?replytocom=116373#respond)

Thats good. But facebook wont entertaining UTM tracking

8 months ago

John Abraham / Reply (/blog/5-steps-to-add-a-google-analytics-tab-at-your-facebook-page-for-regular-web-analytics-dmblog-1103/?replytocom=116382#respond)

Good blog Mukta! Very effectively explained of using google analytics for FB!

Your Comment

Connect With

Your email address will not be published.

Name

Email

YourWebsite

YourComment

PostComment
Attend Free Digital Marketing Orientation Session
Limited Seats Available!
Date: 15th Jul, 2015 (Wednesday)
Time: 3 PM to 4 PM (IST/GMT +5:30)
Name *
Email *
Phone *
Company

Register
We are good people. We don't spam.

Write For Us? (http://www.digitalvidya.com/guest-blogging-request-form/)

Digital Vidya
Follow

+1

+ 1,377

Recent Posts
Boost Online Sales Though Viral Social Networking (http://www.digitalvidya.com/blog/boost-online-sales-though-viral-social-networking/) July 14, 2015
Top 5 Inbound Marketing Tips By HubSpot For Start-ups (http://www.digitalvidya.com/blog/top-5-inbound-marketing-tips-by-hubspot-for-start-ups/) July 14, 2015
Optimize Your Budget & Local Paid Search With 3 Simple Steps (http://www.digitalvidya.com/blog/optimize-your-budget-local-paid-search-with-3-simple-steps/) July 14, 2015
Twitter Influencers Created Buzz For The New Hatchback #GetSetBolt (http://www.digitalvidya.com/blog/twitter-influencers-created-buzz-for-the-new-hatchback-getsetbolt/) July 13, 2015
Impact Of Net Neutrality On Indian OTT Players (http://www.digitalvidya.com/blog/impact-of-net-neutrality-on-indian-ott-players/) July 13, 2015

Impact Of Net Neutrality On Indian OTT Players (http://www.digitalvidya.com/blog/impact-of-net-neutrality-on-indian-ott-players/) July 13, 2015

Categories
Affiliate Marketing (http://www.digitalvidya.com/blog/category/affiliate-marketing-2/) (11)
Buzz of the Week (http://www.digitalvidya.com/blog/category/buzz-of-the-week/) (62)
Case Studies (http://www.digitalvidya.com/blog/category/case-studies/) (336)
Content Marketing (http://www.digitalvidya.com/blog/category/content-marketing-2/) (17)
Digital Marketing (http://www.digitalvidya.com/blog/category/digital-marketing/) (197)
Email Marketing (http://www.digitalvidya.com/blog/category/email-marketing/) (114)
Events (http://www.digitalvidya.com/blog/category/events/) (101)
Expert Interviews (http://www.digitalvidya.com/blog/category/interviews-with-experts/) (40)
Growth Hacking (http://www.digitalvidya.com/blog/category/growth-hacking-2/) (6)
Guest Posts (http://www.digitalvidya.com/blog/category/guest-post/) (14)
HowTo (http://www.digitalvidya.com/blog/category/howto/) (103)
Inbound Marketing (http://www.digitalvidya.com/blog/category/inbound-marketing/) (185)
Infographics (http://www.digitalvidya.com/blog/category/infographic/) (12)
Inspiration (http://www.digitalvidya.com/blog/category/inspiration/) (1)
Jobs (http://www.digitalvidya.com/blog/category/jobs/) (2)
Mobile Marketing (http://www.digitalvidya.com/blog/category/mobile-marketing/) (40)
News (http://www.digitalvidya.com/blog/category/news/) (79)
Participant Interviews (http://www.digitalvidya.com/blog/category/participant-interviews/) (34)
Search Engine Marketing (SEM) (http://www.digitalvidya.com/blog/category/search-engine-marketing/) (204)
Search Engine Optimization (SEO) (http://www.digitalvidya.com/blog/category/search-engine-optimization/) (181)
Social Media Marketing (http://www.digitalvidya.com/blog/category/social-media-insights/) (570)
Survey (http://www.digitalvidya.com/blog/category/survey/) (2)
Web Analytics (http://www.digitalvidya.com/blog/category/web-analytics/) (146)
Web Design (http://www.digitalvidya.com/blog/category/web-design/) (1)
Webinars (http://www.digitalvidya.com/blog/category/webinar/) (83)
WhyTo (http://www.digitalvidya.com/blog/category/whyto/) (50)
Workshops (http://www.digitalvidya.com/blog/category/workshops-and-webinars/) (22)

Subscribe to our newsletter

Name *

Email *

Subscribe

Copyright 2009 - 2015. Engaging Ideas Pvt. Ltd.

Contact Us (http://www.digitalvidya.com/contact-us/)

About (http://www.digitalvidya.com/about/)

Sitemap (http://www.digitalvidya.com/sitemap/)

Legal (http://www.digitalvidya.com/legal/)