Jetpack

How to boost your traffic with “Related Posts”

Jetpack’s Related Posts feature scans all of the posts on your site (or blog), analyzes them, and shows your visitors other posts with related content that they might be interested in reading once they’re done reading the one that brought them to your site.

Most sites who activate this see an increase in traffic. On this site, Jetpack.me, when we compare pages with and without the feature enabled we see around 79% more visitors clicking through to one other post on the site.

related-posts-graphic-2

This data is based on a 6-month traffic comparison between blog posts showing related posts and pages with the feature disabled. Turning on the feature for us in essence means that almost twice as many visitors read something else besides the original post that brought them here.

How does it work?

The related content is automatically generated based on the content of the post and any tags or categories if they exist. Unlike many other related post plugins, we do all the analysis, processing, and serving from our cloud, so there is no additional load on your server. (That’s why many plugins like YARPP or Similar Posts are often banned by web hosts, but Jetpack Related Posts are allowed.)

This is not unlike other Jetpack features like Photon and Stats that rely on our cloud infrastructure for the heavy lifting.

Once its enabled (and if you have more than 10 posts in total on your site) the related posts will show up in a “Related Posts” section just below your main post content, very much like what you can see at the bottom of this post :-)

How to enable it

First, you need to have Jetpack installed and connected to your WordPress.com account.

Once this is done, go to the Jetpack page in your blog’s dashboard and click the Activate button for Related Posts. You can also customize how the related posts section looks by going to your Settings → Reading page and scrolling down to the options next to “Related posts.”

Posted in Features | Tagged , | 20 Comments

Automattic Acquires BruteProtect

I’m excited to announce that Automattic has acquired BruteProtect, a plugin and service that protects your sites from malicious logins, saves server resources so your site runs faster, and keeps all your sites on the latest and greatest versions of WordPress core, plugins, and themes.

The plugin and service are currently available, but over the coming months we’re going to build their functionality into Jetpack and retire BruteProtect as a standalone thing.

BruteProtect also has a premium service that starts at $5 a month per site — effective immediately, that will be free for every BruteProtect user and Jetpack-enabled site. If you’re already a BruteProtect subscriber we’ll be in touch soon to send you a surprise thank you for your early support. You can download and get started with Jetpack here.

The BruteProtect team is based in Bath, Maine and they’re long-time contributors to the WordPress community. We’re excited to see them join forces with the Jetpack team and up the level of security, protection, and peace of mind we’ll be able to bring to the millions of sites already using Jetpack.

Though Automattic is known for its consumer-facing services like WordPress.com and Jetpack, the infrastructure behind them is the bottom part of the iceberg. Taking services to web-scale is another one of Automattic’s specialties, whether it’s the 8 billion Gravatars we serve every day, the Simperium sync service, or the countless spam that Akismet has blocked (and time it has saved).

This is internet plumbing: when it works it’s completely invisible, and we love that. We’re now pushing 450 terabytes of data a day from 9 datacenters around the globe.

Welcome, BruteProtect! You can read more about the acquisition from Sam on their blog.

Posted in Milestone | Tagged , , | 12 Comments

“Hear it from us first”: Why every site should run Jetpack

Jetpack is a WordPress plugin that helps you optimise your site on various fronts: traffic, development and user experience amongst others. There is one feature however which I feel is critical: Jetpack Monitor. Simply put, Jetpack Monitor keeps tabs on your site and alerts you the moment that downtime is detected.

angryclients2

Like a lot of people who work in web, before I joined the Jetpack team I did quite a bit of client work: both freelance and at agencies. For me the absolute worst thing in this business is receiving a call from a client, most likely while you’re relaxing on a beach or just waking up, desperately asking you to fix her site because she’s losing money, clients or brand value while her site is down.

Jetpack Monitor might not do away with the frantic scrabbling you’ll need to do to fix the site but it will put you back in the driving seat. Because you get notified first you can turn the tables around and call your client yourself, calmly saying “Hey, as I’ve been keeping tabs on your site I noticed it just went down 10 seconds ago. Don’t panic, I’m on it.” At times the problem might even be a trivial one meaning that you can actually call your client and say that its already sorted!

Of course the same applies if you maintain your own site. You’ll get notified by us rather than by one of readers (or customers) making it more likely you can fix the problem before it affects too many of your users.

That’s it. With Jetpack Monitor, if your site goes down, you’ll hear it from us first.

Its entirely likely, indeed desirable, that you will turn this feature on when you install Jetpack and then never think about it again. But if, for whatever reason, your site or your client’s site does go down you will be thanking your lucky stars this feature is enabled.

Try Jetpack for yourself by connecting it to your site or by downloading the plugin files directly if you prefer that route. Oh, and do let us know in the comments if you have any questions or suggestions.

Posted in Features | Tagged , , , | 14 Comments

How to increase your blog’s traffic with Jetpack

Jetpack comes with a set of features specifically designed to help you increase your site’s traffic and grow your audience. That is after all the reason we build websites and blogs and write content – for people to see them, read them and enjoy them :-)

Jetpack helps you tackle this along two fronts: attracting new visitors to our sites and encouraging the existing ones to keep coming back.

 

Getting more traffic

Its worth mentioning what countless people have said before: writing well-written, useful and targeted content is eighty percent of the job. Neither Jetpack, nor any other plugin, is a silver bullet that can ever be a substitute for that. However, if you’ve got that nailed, these features will help you with the other twenty percent:

  1. Publicize
    Jetpack PublicizePublicize simply automates what you probably do already: posting your articles directly to Twitter, Facebook, LinkedIn and a few more social networks. Once you set this up (about 5 minutes usually) you can sit back and not worry about this and focus on writing great content while your friends and followers read what you’ve just posted.

  2. Sharing
    The Sharing feature, when enabled, places share buttons at the bottom of your blog posts. This allows (and encourages!) your readers to share your content with their own networks giving you broader reach. Currently we supprt Twitter, Facebook, Reddit, StumbleUpon, Digg, LinkedIn, Google +1, Print, and Email. Additionally you can define your own custom services.

  3. Site Verification
    Verifying your website with external services like Google, Bing and Pinterest. This means you will be rated as “safe” by these services (e.g. by getting a “Verified” badge) and gives you to access advanced features (e.g. Webmaster tools).

  4. Enhanced Distribution
    At WordPress.com we have a service called “Firehose” which is a stream of the public data (public posts, comments, etc.) that flow through WordPress.com as well as Jetpack blogs that enable Enhanced Distribution. The firehose in turn is used by companies and people to display your content at which point they are required to link back to your blog. This means that you get both traffic back to your site as well as building up quality back-links.

  5. Google+ Profile
    Sharing_Settings_GoogleLastly, when you activate and connect this feature you connect your blog and with your Google+ accounts. Now, displayed below your posts, will be a link back to your Google+ profile, a Google+ follow button and a link will also be added to your Google+ profile allowing Google+ users to find you more easily.

 

Keep them coming back

The other side of the coin is staying in touch with the visitors who’ve seen and read your content so that they don’t forget about you and come back to see what else you have to say. You may not necessarily want to use all of these of course as it depends a lot on the kind of site or blog you’re running. But because Jetpack makes it easy to turn these on and off some of our users opt to try things one at a time to test out their effect.

  1. Jetpack Comments
    Comment Module NotificationsComments are a great way of enabling your visitors to join the conversation. It can be a pain for them however to have to creat a new account if its their first time visiting your site. Jetpack Comments enables your visitors to use their existing WordPress.com, Twitter, or Facebook accounts when commenting on your site making it more likely they’ll do so.

  2. RSS Widget
    RSS is used by millions of people to keep track of blogs they like. When you enable Extra Sidebar Widgets in Jetpack you can show widget that allows you to add links to your blog’s RSS feeds in your sidebar. This makes it easy for your readers to stay updated when you post new content or receive new comments.

  3. Likes
    Likes MetaboxLikes allow your readers to show their appreciation for your posts and other published content. They will then be able to review their liked posts from their WordPress.com Reader which will remind them your blog exists and encourage them to come back.

  4. Subscriptions
    Easily allow any visitor to subscribe to all of your posts via email through a widget in your blog’s sidebar. Every time you publish a new post, WordPress.com will send a notification to all your subscribers. Depending on their preferences this notification will either show up on their WordPress bar (top right) or they will receive an email directly in their inbox.

  5. Notifications
    Example of a comment Push Notification from the WordPress for iOS app

    Example of a comment Push Notification from the WordPress for iOS app

    Finally, this last one is for you, the site owner. With Notifications enabled you will be instantly notified when somebody comments on any of your posts or previous comments. This means that you can instantly comment back making your interaction with your readers feel more personal and in real-time.

 

And of course, Jetpack also gives you great stats so that you can see the effect of your work! If you’ve not used Jetpack before, read our step-by-step installation guide here to try it out for yourself.

If you are a Jetpack user already please tell us what you think in the comments and, if you’d like to get involved by writing a guest post about Jetpack get in touch!

Posted in Tips & Tricks | Tagged , , , , , , | 6 Comments

Interview: Andrea Barghigiani on Jetpack

Andrea is a long-time WordPress user and runs the popular WordPress blog wpAndMore aimed at Italian WP users and developers. We got in touch with him recently to find out what he thinks about our Jetpack plugin. Andrea lives in Italy and can be found on Twitter @Andrea_AndMore.

 

Who is Andrea?

Andrea

What do you do for a living?

For the last five years I’ve been developing WordPress themes and plugins. Recently I began to teach other people how to develop with this platform via articles and video tutorials on wpAndMore.info.

What’s the best thing about your job?

In a nutshell, that I can use WordPress to satisfy the requests of my clients :-)

How did you first start using WordPress?

I’ve been using WordPress since version 2.7. At the time I was looking for a framework/platform able to help me speed up my develop process and give more power to my clients – WordPress was the best fit.

 

Thoughts on Jetpack

How’d you first find out about Jetpack?

I always keep myself always updated about WordPress news and I think I read about it on the WPTavern blog (even if I can’t be so sure!). Since then I’ve installed it on more than ten WordPress sites.

What’s the one Jetpack feature you couldn’t do without? Why?

My favourite is the Related Posts feature. I like it because it decreases my bounce rate (I can show more articles to my hungry readers when they finish reading one post) and because it does not stress my server in doing so.

What do you think of the the Jetpack setup process: Easy, hard?

The setup process is very simple, all you need is a WordPress.com account and you’re ready to go!

What do you value about Jetpack?

Based on the kind of site, Jetpack helps me in many ways. First and foremost it helps me keep my installations more organized and streamlined, since I have to install less plugins. Jetpack also helps me run the sites even faster with the CDN options (Photon) that it provides.

 

Working with Clients

Do you generally recommend Jetpack?

Well, looking at the latest improvements, in my opinion Jetpack is a must-have plugin. The various features improve our WordPress installations in many ways, starting from the social aspect (like the social buttons or the amazing Publicize feature) to the more text based ones (like LaTeX and the After the Deadline integration).

Does Jetpack help you with client work?

Sure! Unsurprisingly, my clients are usually happy to install something for free that will give them loads of features. Photon, Carousel and Tiled Galleries are always welcomed by them and the social feature integrations I mentioned previously are very useful in helping them with promoting their sites and content.

 

Jetpack Frustrations

What frustrates you about Jetpack? Why?

If I have to be honest, the only thing it frustrates me is right after install. By default Jetpack activates several modules that I do not need and I have to disable them one by one each time I install it. But I mean, it’s not a big deal ;-)

What would you like to improve?

Apart from the above (ie: letting me activate only the modules I need) I’d love it if you could implement a bit of AJAX technology, so I do not have to refresh the page each time I activate or deactivate a module.

 

Get involved!

Try it out

If you’ve not used Jetpack before, read our step-by-step installation guide here to try it out for yourself.

Contribute

If you are a Jetpack user already please tell us what you think in the comments and, if you’d like to get involved yourself by writing a guest post about Jetpack or being interviewed yourself, get in touch!

Posted in Contribute | Tagged , , | 8 Comments

How to improve your User Experience using Jetpack

Jetpack has a ton of features (more than 30) that help you improve your WordPress site or blog in many ways – both for yourself as administrator as well as for your readers. Today I’m going to focus on eight Jetpack features that you can use to improve the User Experience of your site so that visitors find it easier to navigate and stick around longer.

Performance and Stability

It can seem like a no-brainer but the absolute worst user experience when visiting a site is when the site doesn’t work at all or takes a long time to load. Jetpack comes with two must-have features that stop this from happening:

  1. Photon
    Turning on Photon means that all your images get automatically served to users from the WordPress.com content delivery network (CDN) which means faster images for your readers (and less load on your host). To turn it on all you have to do is go to the Jetpack page in your blog dashboard and click the Activate button for Photon. And if you’re a developer, you can also speed up your theme with Photon.

  2. Monitor
    All sites go down once in a while. It could be your database, your host, some rogue code – whatever the reason, your visitors don’t really care, they just want to see your stuff! Jetpack Monitor will keep tabs on your site, and alert you the moment that downtime is detected so that you hear it from us first.

 

Mobile Devices

If you keep tabs on your traffic you’ve probably noticed you’re getting more and more visitors browsing your site from a mobile device: smart phones and tables of all shapes and sizes. Jetpack provides two features that help you make the reading experience on these devices significantly better:

  1. Mobile theme
    Jetpack comes with a responsive theme that works instantly on all mobile browsers. It also comes with various options and settings that enable you to choose exactly how you’d like your mobile browsing experience to work.

  2. Custom CSS
    Jetpack’s Custom CSS feature lets you tweak your site’s appearance to your heart’s content in a way that doesn’t break your theme when an upgrade is released. In addition, you can also create custom CSS for your mobile theme, further refining your mobile experience.

 

Interaction

Finally the last set of features deal with enabling your visitors to interact with your site, content and the community in a smoother fashion:

  1. Likes
    This feature puts a “Like” button on your posts and is a way for people to show their appreciation for your content. Enabling it is a short two-step process.

  2. Related Posts
    This feature pulls relevant content from your blog to display at the bottom of your posts. If the feature is enabled, a section of related posts appears just underneath your Likes (if you’ve turned these on). Just activate the feature from your Jetpack dashboard to turn them on but you can also customize how they display.

  3. Infinite Scroll
    Infinite scroll simply means that when a visitor scrolls to the bottom of your posts page Jetpack will automatically load the next set of posts without requiring clicking on any buttons. Activating it is similar to “Related Posts” above but not every theme supports it.

  4. Jetpack Comments
    When someone reads an article on your site and wants to comment, they can now use one of their existing social networking accounts to post a comment. No longer do they need to create yet another account and profile! You can also customize how Jetpack Comments display.

 

That’s it! Eight Jetpack features that can help your visitors have a more pleasurable experience when visiting your site. If you’ve not used Jetpack before, read our step-by-step installation guide here to try it out for yourself.

If you are a Jetpack user already please tell us what you think in the comments and, if you’d like to get involved by writing a guest post about Jetpack get in touch!

Posted in Features, Tips & Tricks | Tagged , , , , , , , , , , | 13 Comments

Interview: How Paul Jarvis works with Jetpack

We got in touch with one of our users Paul Jarvis to find out what he thinks of the Jetpack plugin – how it has helped him and what he’d like to see in a new version. Paul is a freelance web designer/developer as well as an author of various popular books who’s been using WordPress since before he was born.

Paul lives in British Columbia, Canada. You can stalk him on Twitter @pjrvs or read about his books and work on his website.

 

Who is Paul?

paul-jarvis-2

What do you do for a living?

I’m a freelance web designer/developer and author. I’ve built websites for 20 years and written books for the last 4.

What’s the best thing about your job?

I can set my own hours and stop working when I’ve made enough for the year (typically 3-4 months off per year).

How did you first start using WordPress?

I’ve been using WordPress since sometime in early 2004. For client websites, I jumped on the bandwagon early of doing whatever I could to let clients update their own content on their site. This gave me more time to focus on design/development and less time doing tiny updates of content.

 

Thoughts on Jetpack

How’d you first find out about Jetpack?

I live and breathe WordPress so it’s hard to miss things like this! Since I began using Jetpack I’ve installed it on at least 30 sites – practically every site I’ve built for a client since 2011.

What’s the one Jetpack feature you couldn’t do without? Why?

Stats. Both for myself and for my clients, the stats page is such a perfect example of a single screen that gives a ton of information.

What do you think of the the Jetpack setup process: Easy, hard?

Easier now that the setup has been re-designed. The settings are much better now making it quicker to customize what modules I want and which I don’t but I still have to go through disabling the pieces I don’t want (which are the same for every site) for each setup.

What do you value about Jetpack?

Like I mentioned, the stats are great. But other things I use are: sharing, subscriptions, spelling, contact form, related posts. These are all added value for the sites I make for clients.

 

Working with Clients

Does Jetpack affect your work with clients?

Clients all ask for things like easy stats, related posts, sharing buttons – so Jetpack lets me add those things in a few seconds.

Can you think of a cool thing Jetpack helped you do for clients?

I use stats to teach my clients the basis of using metrics for their business. How to look for trends in popular content, how to spot where most of their traffic comes from and how to gauge what content is working the most for them (so they can create more or related content). For a developer it seems like very basic stuff, but for a non-technical client, this is very important for their business.

 

Jetpack Frustrations

What frustrates you about Jetpack? Why?

Previously it was the setup and taking a LONG time to disable all the modules I didn’t want, but now it’s much easier and quicker although it can still stand some improvement.

What would you like to improve?

If there was a way to save my “favourite modules” so on any new install I could pick my profile and those modules were activated – that’d be BOSS.

 

Get involved!

Try it out

If you’ve not used Jetpack before, read our step-by-step installation guide here to try it out for yourself.

Contribute

If you are a Jetpack user already please tell us what you think in the comments and, if you’d like to get involved yourself by writing a guest post about Jetpack or being interviewed yourself, get in touch!

Posted in Contribute | Tagged , , | 9 Comments

Indispensable Jetpack features for theme developers

Jetpack offers a number of great features for theme developers that help you cut down both development time as well as load times. Most of these features work right out of the box, but you can also get under the hood to apply tweaks and customisations that really take your theme to the next level.

This article introduces you to:

  1. Speeding up your theme with Photon
  2. Showcasing posts with Featured Content
  3. Automatically loading posts with Infinite Scroll
  4. Instantly applying a Mobile Theme
  5. Customising CSS
  6. Providing Sharing functionality
  7. Integrating Social Links
  8. Showing similar content with Related Posts
  9. Additional resources

 

1. Speeding up your theme with Photon

Jetpack for developersPhoton is a free image CDN offered by Jetpack. As soon as Photon is enabled, it automatically serves the images found in posts and pages from WordPress.com’s speedy servers around the globe.

But did you know that you can use it to save bandwidth and speed up load times for images within your theme, too? You can link to a Photon-ized version of an image by calling the jetpack_photon_url() function. Its quite straightforward and we’ve put together some step-by-step instructions to make it even easier.

 

2. Showcasing posts with Featured Content

Featured Content SettingsFeatured Content is one of Jetpack’s lesser known features. But it’s a really powerful tool for theme development because you can use it to create a completely custom area in your theme for users to showcase posts. The appearance and placement is completely up to you, the theme author.

Your users can then specify which posts to show in that area simply by selecting a tag of their choice. There’s even an option to hide the tag from post meta and tag clouds.

Whether you are building an image slider on your homepage, or want to allow users to highlight specific posts, Featured Content makes it easier than rolling your own custom functionality. You can see a few examples of the feature in action here.

 

3. Automatically loading posts with Infinite Scroll

With Infinite Scroll active, users no longer have to click a link to get to the next set of posts on archive pages. Instead, your theme loads the next set of posts automatically into view when the reader approaches the bottom of the page. You’ve probably seen similar functionality on other sites, and thanks to Jetpack, it’s a snap to add it to your theme.

 

4. Instantly applying a Mobile Theme

Jetpack Mobile Front PageMobile internet usage is growing exponentially and any theme worth its salt should work on mobile devices. That’s why you’ll be happy to know that Jetpack ships with a full Mobile Theme ready-to-go out of the box.

Just use the .mobile-theme CSS class to style the mobile theme or take things a step further and use jetpack_is_mobile to target mobile visitors.

That way you can build the best user experience for your theme, no matter what device visitors are using.

Check out this article on customizing Jetpack’s mobile theme to learn more.

 

5. Customising CSS

If you’ve published a theme before you most likely know that users often want to customize its appearance. Savvy users might create a child theme, but more often than not, users will simply edit your theme’s files directly.

revision_listThat can get messy when you release a theme update that overwrites users’ modifications. But thanks to Jetpack, a much more user-friendly alternative is available through the Custom CSS feature which also includes a revision history.

After activating the feature, a ‘Custom CSS link’ is added to the Appearance menu in the Dashboard. From there, users can add their own Custom CSS, without touching the theme’s files. They can even use their favorite CSS pre-processer, as support for both SASS and LESS is built right in.

 

6. Providing Sharing functionality

The Sharing feature allows you to add social media sharing buttons to your theme. There are multiple display options built in and you can opt to use your own custom styles as well.

In this way you can integrate social sharing buttons in your theme, and keep complete control over their appearance. You can even alter the functionality with some jQuery magic. Our friends over at ThemeShaper have a great article with more information about this.

 

7. Integrating Social Links

Jetpack also makes it easy to include Social Links within your theme. After a user connects their social media accounts through Publicize, you can automatically use links to their accounts in your theme. You can add support with add_theme_support() and then use the Theme Modifications API to pull the data into your theme.

 

8. Showing similar content with Related Posts

Related posts in visually striking modeRelated Posts is one of Jetpack’s newer features. When activated, this adds a section to single posts that includes automatically generated links to similar content.

By default the section appears at the bottom of your content, but you can also move it to the top with a filter. In addition users can add a shortcode wherever they want the section to appear.

This means that you can include styling for the Related Posts section in your theme and then users are able to drop in a custom Related Posts section that matches the rest of their site wherever they want.

 

9. Additional resources

Finally, we’d love to see what you’ve done yourself and what you think of Jetpack. If you have questions, comments or your own tips drop us a comment below! In addition to that, we’re always open to suggestions, so feel free to get in touch. Thanks for flying with Jetpack!

Posted in Features, Tips & Tricks | Tagged , , , | 6 Comments

Top 5 Best Practices when using Jetpack on client websites

If you’re creating WordPress websites for clients, Jetpack is for you. Jetpack easily adds a great number of features to your client’s websites without the need for a dozen different plugins, reducing the technical debt that you or your client will need to maintain over time.

We recommend these best practices when using Jetpack for a client site that will keep things running smoothly and help you provide a great service to your clients.

This article covers:

  1. Use Jetpack’s Development Mode
  2. Invite your client to connect a WordPress.com account
  3. Activate Jetpack only on the live domain
  4. Use your account when a connection is required
  5. Work with staging sites
  6. How to install Jetpack

 

1. Use Development Mode

Jetpack offers a Development Mode that is enabled when using Jetpack on a localhost. If you’re developing on a development server, you can manually enable development mode.

You can enable this as constant in wp-config.php by adding:

define( 'JETPACK_DEV_DEBUG', true);

or you can add this as a filter in your theme’s functions.php or a development plugin via:

add_filter( 'jetpack_development_mode', '__return_true' );

Use a development plugin
We suggest using a “Development Plugin” that you can use for all of your in-development needs. With a custom development plugin, you can include the Jetpack Development Mode filter and include other necessary tools like the Debug Bar. The added benefit is that it reduces the number of items on your launch checklist and consequently less things to slip through the cracks when launching. The code might look something like this:

Screenshot of the code for a sample development plugin

No matter how you enable Development Mode, ensuring that it is disabled before handing the site over the client is important to ensure your clients aren’t asking you or us why Jetpack isn’t working!

 

2. Invite your client to connect the site to a WordPress.com account

Many site developers will connect Jetpack to WordPress.com with their WordPress.com account for convenience. This becomes problematic however when you end up with hundreds of sites listed on your http://wordpress.com/my-blogs/ page. After your work is done its very likely that for many (if not most) of them you do not need or want access to any longer unless you have a continued relationship with the client. (Even if you do, its a good idea to teach your clients to self-serve so that you’re not a bottle-neck.)

From your client’s perspective, if Jetpack is connected to your account, they aren’t able to manage their Jetpack connection via http://wordpress.com/my-blogs/ or access their enhanced stats via WordPress.com.

Your client may already have a WordPress.com account if they’ve used Gravatar or Akismet in the past so very often its easy to connect Jetpack with their existing account.

 

3. Activate Jetpack only on the live domain

Jetpack connections are based on the URL of the site. Often, we’ll see a Jetpack user write in asking why all of their stats suddenly disappeared or why do their wp.me shortlinks don’t work. Typically, their site was originally connected when it was on a development address and the migration to the live URL didn’t pass back to us.

To avoid this, connect Jetpack to WordPress.com only on the live domain.

 

4. Use your account when a connection is required

With the above practices stated, we realize that development processes can’t always follow the practices outlined above. What if you’re developing off of a feature that requires a WordPress.com-connected feature, like styling our Subscription widget?

While on a development server, you can connect your client’s site to WordPress.com with your own WordPress.com account. The key is to disconnect Jetpack from WordPress.com using the link in the footer of the Jetpack dashboard page at the beginning of the migration to your production server and reconnecting after the site is on the production URL with the client using their WordPress.com account.

By doing this, you’ll disassociate your account from the client site and your client’s site will be connected using the production URL, avoiding the most common pitfalls of client sites.

 

5. Work with staging sites

An increasing number of hosting providers include a staging site, where you can have an exact copy of the client’s site on a separate server. This is great for testing out updates, new features, and more.

Jetpack communicates with WordPress.com through a shared token and blog ID that is stored in the database. When the staging site is copied from the live site, these database values are included. Whenever you deactivate Jetpack, Jetpack communicates with WordPress.com to invalidate the token as a solid security practice.

For you, this means if you deactivate/disconnect Jetpack on the staging site, the same token used on the live site is now invalid. If this happens, simply have the client disconnect and reconnect Jetpack on the live site.

 

6. How to install Jetpack

If you’ve never used Jetpack before and you’re looking for some guidance on how to install it for the first time, you’re in the right place!

There are two ways of installing the Jetpack plugin:

  1. The simplest way is install it directly from your Dashboard. You can find step-by-step instructions here.
  2. Alternatively, if you’re an advanced user, you can download the plugin files (.ZIP) and install it manually.

Finally, if you discover a bug in Jetpack during your development work, please submit an issue or a patch via GitHub. If you have questions or run into problems, drop us a line or leave a comment to share your tips on using Jetpack with clients.

Posted in Tips & Tricks | Tagged , , , , , | 13 Comments

How to install Stats and Analytics on your WordPress site with Jetpack

If you run a website you probably want to know how many visitors you’re getting. So, unsurprisingly, Jetpack’s WordPress.com Stats is one of the most popular features we offer! This feature gives you the ability to quickly see how many visits your site gets, what posts and pages are most popular and where your visitors are coming from.

There are many plugins and services that provide statistics, but data can be overwhelming. WordPress.com Stats makes the most popular metrics easy to understand through a clear and attractive interface. Plus, you can use them in conjunction with other analytics plugins and services.

This article covers:

  1. How to enable your stats
  2. View and understand your stats
  3. Configure and customize your settings
  4. What about Google Analytics?
  5. Installing Jetpack

 

1. Enabling your Stats

WordPress.com Stats are automatically enabled when you activate and connect Jetpack to WordPress.com: no additional setup required! (See the last section for help installing Jetpack.)

smiley

How do you know it’s working? We add a little smiley face at the bottom of your webpage like the one on the right. (Note: From Jetpack version 3.1 onwards the smiley won’t be on by default. You can turn it on and off yourself as described in the Configure and Customize your Settings section below.)

If you’re saying to yourself “Whoa! That’s big!”, don’t panic: in fact it’s quite tiny. Here the smiley in its actual size: actualsize

It’s pretty small. However, we do give you the choice of turning the smiley display off: see the Configure and Customize your Stats section below to find out how.

 

2. View and Understand your Stats

Now that your stats are enabled and running, you can view them in a number of different ways with Jetpack.

  1. Add to Main Dashboard
    You can add the stats module to your main Dashboard screen to give you at-a-glance site views as soon as you log in. On your main Dashboard screen, you can enable the Site Stats widget by opening your Screen Options tab and check the Site Stats box.

    jp-stats2-edit

    Then you can see your site visits, most viewed pages, and search terms people used to find your site at a glance. Handy, right?

    Jetpack Dashboard Stats

    The Site Stats widget on your Dashboard.

  2. In-Depth Stats
    Get more in-depth stats from your Dashboard by visiting Jetpack –> Stats from the menu bar on the left hand side. Here you can see information about Referrers, Top Posts & Pages, Search Engine Terms, Subscriptions, and Clicks.

    This is a great way to see what content is popular on your site so that you can write more about the topics that your visitors really like.
     

  3. Enhanced Stats
    WordPress.com Stats

    Country view stats on WordPress.com

    To get even more information on Stats, you can click the “Show Me” button next to the “Did you know you can view enhanced stats on WordPress.com?” text at the top of your Dashboard stats page to view your stats on WordPress.com.

    By visiting your stats page, we bring you even more information about your site including your best total views per day, your all-time views and comments totals, and features like Views By Country which shows you where in the world your posts are being seen!

    You can also look at stats per day, week, and month. Find out even more about the Jetpack Site Stats – including on what we don’t track through Jetpack – on the WordPress.com documentation page.

 

3. Configure and Customize your Settings

Everything we’ve covered up to this point is turned on by default when you activate and connect Jetpack to WordPress.com.

But did you know that you can also do some custom configuration of stats? Go to Jetpack –> Settings in your dashboard, find the WordPress.com Stats feature in the alphabetized list, and click the “Configure” link that appears when you hover your mouse over it:

configure_stats

In the next screen, you’ll see a number of options for configuring your stats. I’ll cover each one more in depth below.

configure_jetpack_options

  1. Admin Bar
    Checking this box will add the stats “Sparkline” to your admin bar when you’re viewing the front end of your site. If you’re in the wp-admin part of your site, this will not display.

    It looks like this (highlighted in green):

    stats_chart

    These lines represent the last 48 hours of page views for the current blog, with darker lines indicating nighttime page views. Each line spans a time period of two hours. The number that appears when you hover over the Sparkline is the overall highest amount of views per hour during the most recent 48 hour period.

    You might ask why you would need this. It’s a great way of seeing you site’s activity at a glance so that you can quickly note any unusual traffic activity when you’re not in your Dashboard.

  2. Registered Users
    You can choose whether or not to track site visits or site page views from logged in users. You can even specify different user groups that you want to track – or not to track – stats for.

    If you want to know how often your Editors are on your website, you can track it by checking the box next to Editor. It’s that simple!

  3. Smiley
    Remember how I mentioned earlier about how you could hide the stats smiley? (Although I’m not sure why you would, it makes the world a better place!) But, if you want to hide the smiley from displaying on your website, then you can check the box here.
     
  4. Report Visibility
    By default, Stats can only be viewed by logged in, Administrator users. This hides stats from other registered users who are not Administrators.

    If you want other user groups (Editor, Author, Contributor, or Subscriber) to have the ability to view stats, you would have to opt-in those user groups by checking the box next to the user group you want to add. (Note: you cannot uncheck stats visibility for Administrator users.)

 

4. What about Google Analytics?

One of the more common questions we get about Jetpack is: “I want to use Google Analytics! Do I have to disable WordPress.com Stats in Jetpack?”

No!

You can use both on your WordPress installation. The benefit of using WordPress.com Stats is that you can see a snapshot of your blog's activity right from your Dashboard. If you want to use another analytics service you can certainly do so. WordPress.com Stats works great alongside Google Analytics and other stats tracking services.

 

5. Installing Jetpack

To see WordPress.com Stats working on your site you will need to install the Jetpack plugin. (Note: Jetpack works with self-hosted WordPress sites. If your site or blog is hosted at WordPress.com you already have access to all Jetpack features!)

There are two ways of installing the Jetpack plugin:

  1. The simplest way is install it directly from your Dashboard. You can find step-by-step instructions here.
  2. Alternatively, if you’re an advanced user, you can download the plugin files (.ZIP) and install it manually.

I hope this has helped you learn more about Jetpack’s WordPress.com Stats feature. If you have any questions please feel free to leave a comment below.

Posted in Features | Tagged , , , , | 3 Comments
Follow

Get every new post delivered to your Inbox.

Join 63,480 other followers