Adding Social Media Sharing to Your Drupal Content

Dev

Adding Social Media Sharing to Your Drupal Content

by 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!

More About the Author

Chris Armstrong

Multimedia Manager
Drupal Quick Tip: Auto “node/nid” Paths from Alias in Menus “In learning you will teach, and in teaching you will learn.” Words spoken by (or, at least, attributed to) the great Phil ...
Quick Tutorial on Overriding Drupal Views using Templates Scott and I were recently invited to Oklahoma State University to provide Drupal training for their web admins. Drupal has been on the ...

See more from this author →

Subscribe to our newsletter

  • I understand that InterWorks will use the data provided for the purpose of communication and the administration my request. InterWorks will never disclose or sell any personal data except where required to do so by law. Finally, I understand that future communications related topics and events may be sent from InterWorks, but I can opt-out at any time.
  • This field is for validation purposes and should be left unchanged.

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