Adding Social Media Sharing to Your Drupal Content

Adding Social Media Sharing to Your Drupal Content

Chris Armstrong
//

The title of this post should be “Adding Social Media Sharing to Your Content” as the service we’re going to look at is not only for Drupal, but Blogger, WordPress, Tumblr, Joomla, TypePad, Posterous, Flash, the iOS or Android SDKs, an email newsletter or just a static site.

AddThis is “the world’s largest sharing and social insights platform”. The service helps you share your content on virtually every social network and sharing site WORLDWIDE! Of course, here in the US, we’re mostly concerned with Twitter, Facebook, StumbleUpon, Google+, LinkedIn and maybe an email.

AddThis will plug into about any system and allow your visitors to quickly and easily share content from your site. There are some customizations you can do and also some analytics that come with the service, but today, we’ll focus on getting the service up and running on your Drupal site.

Requirements

  • Drupal 6+
  • AddThis module
  • Note: for greater customizations and analytics, you’ll need to sign up for a free account on AddThis’s website. You can use your Facebook, Twitter, Google or OpenID accounts or just an email address.

If you don’t have Drupal set up yet, see this post by my friend Scott. He’ll walk you through the process (video).

After installing the module, it is important that you set the permissions for your role to be able administer the module – there is only one permission setting, so you do not need to give anonymous users permission.

Next go to the AddThis settings (/admin/settings/addthis). From here, you will set which content types will utilize the service. You’ll be able to select your widget type and the services in your widget.

AddThis configuration

AddThis allows for you to show 3 different “levels” of services. First is the toolbox services and these are the ones that are most prominently displayed. You can add counters to them and they are always showing.

AddThis Services

The Compact menu services are the ones that will be displayed in the rollover menu with the plus icon. These allow for more services without taking up any more room in your design.

AddThis Expanded services

Now, for the rest, put those in the Expanded services. This will provide a pop-out of even more services. If you don’t have any more you’d specifically like to show, leave it blank and it will display all of them.

You’ll have to use AddThis’s service codes, but they provide a list of all of them by clicking “List of basic service codes”

Next, you can control how your button or toolbox is displayed by adding custom classes, branding, and adjusting a few colors. My preferred method is to override the styling via CSS, which give me even more control.

The last part of this page deals with behavior and tracking. If you use Google Analytics, go ahead and check the integration box. If not, here’s where your AddThis.com account will come in handy.

AddThis Tracking and Styling

AddThis integreates well with Views, so, you can either display it in a node or a View. This will get you up and running with AddThis, though there is some added customizations that I’ve covered here. Enjoy!

Need Expert Help?

See Our Full Menu of Data Services

InterWorks uses cookies to allow us to better understand how the site is used. By continuing to use this site, you consent to this policy. Review Policy OK

×

Interworks GmbH
Ratinger Straße 9
40213 Düsseldorf
Germany
Geschäftsführer: Mel Stephenson

Kontaktaufnahme: markus@interworks.eu
Telefon: +49 (0)211 5408 5301

Amtsgericht Düsseldorf HRB 79752
UstldNr: DE 313 353 072

×

Love our blog? You should see our emails. Sign up for our newsletter!