arc_social_share - A Social Bookmarking Plugin

monkeyninja · 2013-12-08 18:08:42

Current version: v1.4.0

A simple Textpattern plugin for easily adding links to share pages on various social media sites. These include Facebook, Google+, LinkedIn and Twitter, as well as Delicious, Reddit and StumbleUpon.

Full documentation and download link

Last edited by monkeyninja (2016-01-25 22:10:32)

monkeyninja · 2013-12-08 18:09:45

This is a no thrills plugin. See the plugin announcement on my blog for further information.

NicolasGraph · 2013-12-22 13:45:17

I’m always happy to do everything I need with tags…
It seems to be very simple and easily customizable, I’ll test it soon!
Thx!

Edit: Do you think to add more networks, like Pinterest and Tumblr?
…Edit#4: I’m not a coder but this seems to work for Pinterest and Tumblr.
It gets the article image and its caption. You can override the default settings with the ‘image’ attribute.
Feel free to use and/or correct it!


function arc_social_share_pinterest($atts, $thing=null)
{
	global $thisarticle;

	extract(lAtts(array(
		'class' => '',
		'image' => null,
		'url' => null
	), $atts));

	$thing = ($thing===null) ? 'Share on Pinterest' : parse($thing);

	$url = $url===null && !empty($thisarticle['thisid']) ? urlencode(permlinkurl_id($thisarticle['thisid'])) : $url;

	$image = $image===null && !empty($thisarticle['article_image']) ? ($thisarticle['article_image']) : $image;
	$thisimage = imageFetchInfo('id = '.intval($image));
	$media = urlencode(imagesrcurl($thisimage['id'], $thisimage['ext']));
	$desc = ($thisimage['caption']);

	$html = href($thing, "http://www.pinterest.com/pin/create/button?url=$url&amp;media=$media&amp;description=$desc", ' data-pin-do="buttonBookmark"'
		, ' class="'.$class.'"');

	return $html;
}

function arc_social_share_tumblr($atts, $thing=null)
{
	global $thisarticle;

	extract(lAtts(array(
		'class' => '',
		'image' => null,
		'url' => null
	), $atts));

	$thing = ($thing===null) ? 'Share on Tumblr' : parse($thing);

	$url = $url===null && !empty($thisarticle['thisid']) ? urlencode(permlinkurl_id($thisarticle['thisid'])) : $url;

	$image = $image===null && !empty($thisarticle['article_image']) ? ($thisarticle['article_image']) : $image;
	$thisimage = imageFetchInfo('id = '.intval($image));
	$source = urlencode(imagesrcurl($thisimage['id'], $thisimage['ext']));
	$caption = ($thisimage['caption']);

	$html = href($thing, "http://www.tumblr.com/share/photo?source=$source&amp;caption=$caption"
		, ' class="'.$class.'"');

	return $html;
}

Last edited by NicolasGraph (2014-01-03 12:52:46)

monkeyninja · 2014-01-13 22:50:20

I’ve added support for Pinterest, Pocket and Tumblr.

monkeyninja · 2014-01-18 12:59:22

v1.2.1 out now, fixes bugs in the previous release and updates the Facebook URL (old one has been deprecated).

monkeyninja · 2014-07-31 20:06:54

I’ve updated the plugin to v1.3.0 today adding support for Google Analytics’ UTM parameters. More info on my blog

monkeyninja · 2015-03-26 18:27:34

v1.3.1 released. Fixes bug with arc_social_share_pocket.

riquialon · 2015-08-17 16:23:44

Hello friends, my problem is this; I have installed the plugin ARC_SOCIAL_SHARE VERSION 1.3.2 but no pictures are shown after compatir … Look -> http://slacklinevzla.cuccfree.org/tp/ ! ! ! HELP PLEASE ! ! !

Last edited by riquialon (2015-08-17 16:25:14)

ruud · 2015-08-17 16:31:04

Did you enable the plugin after installing it?
If so, switch the website (via preferences) to debug mode, so we can see what happens underneath when the page is built.

monkeyninja · 2015-08-17 19:09:42

riquialon wrote #294166:

Hello friends, my problem is this; I have installed the plugin ARC_SOCIAL_SHARE VERSION 1.3.2 but no pictures are shown after compatir … Look -> http://slacklinevzla.cuccfree.org/tp/ ! ! ! HELP PLEASE ! ! !

I don’t understand what you mean by “no pictures are shown”. arc_social_share only generates links to share a URL with the relevant social site. The share links on your page look correct.

If you are referring to the shared link not showing images on the social site (for example on Facebook), then you need to use something like my arc_meta plugin to generate Open Graph markup (using arc_meta_open_graph). arc_meta_open_graph will tell sites like Facebook which image is associated with the URL.

Last edited by monkeyninja (2015-08-17 19:10:34)

riquialon · 2015-08-17 20:00:29

monkeyninja wrote #294171:

I don’t understand what you mean by “no pictures are shown”. arc_social_share only generates links to share a URL with the relevant social site. The share links on your page look correct.

If you are referring to the shared link not showing images on the social site (for example on Facebook), then you need to use something like my arc_meta plugin to generate Open Graph markup (using arc_meta_open_graph). arc_meta_open_graph will tell sites like Facebook which image is associated with the URL.

Andy exact finally understand me what I meant, I’ll take your recoendacion arc_meta plugin installed, I hope to work;) … Many thanks and greetings from Venezuela brother

riquialon · 2015-08-17 20:02:51

ruud wrote #294167:

Did you enable the plugin after installing it?
If so, switch the website (via preferences) to debug mode, so we can see what happens underneath when the page is built.

Thanks for the brother bounding

riquialon · 2015-08-19 21:17:06

<!DOCTYPE html>
<html lang="en">
<txp:pax_grep from="'\s|\t|\r|\n'" to=""><txp:output_form form="revo_theme_variables" /><txp:output_form form="revo_widgets" /></txp:pax_grep>
<head>


<txp:arc_meta_open_graph />



<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<txp:output_form form="Page_Title" />
<meta name="author" content="Author's name" />
<meta name="rating" content="General" />
<meta name="generator" content="Textpattern" />
<meta name="copyright" content="Copyright 2010, Site Author. All rights reserved." />
<txp:output_form form="Meta_Robots_Loader" />
<txp:output_form form="Meta_Facebook" />
<link rel="shortcut icon" href="<txp:site_url />favicon.ico" />
<txp:feed_link flavor="rss" format="link" label="Feed" limit="5" section="articles" />
<txp:rvm_css format="link" />
<link rel="stylesheet" type="text/css" href="<txp:site_url />css/print/print.css" media="print" />
</head>
<body>

Andy follow your instructions, but does not work …… Help me please

monkeyninja · 2015-08-20 06:30:26

Hi riquialon,

What does the HTML markup generated by <txp:arc_meta_open_graph /> look like? Could you paste an example?

riquialon · 2015-08-21 02:18:26

monkeyninja wrote #294244:

Hi riquialon,

What does the HTML markup generated by <txp:arc_meta_open_graph /> look like? Could you paste an example?

Andy arc_social you say on the label that it pege after the head, that I do

Look
<txp:arc_meta_open_graph />
Just including the above tag in your templates’ <head> tag will output tags for the following:-

og:site_name — your site name from your preferences
og:title — the article’s title, section name or category name
og:description — your page’s meta description
og:url — your page’s canonical URL
og:image — the article’s image
You can override the default values of any of these by passing a value to one of the tag’s attributes defined below. To disable one of the tags just pass an empty attribute value (e.g. title=’‘).

Attributes

site_name
title
description
url
image

Last edited by riquialon (2015-08-21 02:19:56)

Textpattern CMS

Textpattern CMS support forum

#1 2013-12-08 18:08:42