I want to use costom buttons for share.
My code:
<div
class="share-article__list addthis_inline_share_toolbox"
>
<a class="addthis_button_facebook share-article__item ">
<svg-icon
class="share-article__icon"
name="social-networks/facebook-wr"
width="8"
height="15"
/>
</a>
<a class="share-article__item addthis_button_twitter">
<svg-icon
class="share-article__icon"
name="social-networks/twitter-wr"
width="15"
height="12"
/>
</a>
<a class="share-article__item addthis_button_vk">
<svg-icon
class="share-article__icon"
name="social-networks/vk-wr"
width="18"
height="10"
/>
</a>
</div>
When I open page, I have got this
How to turn off default buttons?
This can be controlled through the AddThis dashboard.
Under the Tools > Website Tools section, make sure that the social sharing tool you plan to use is switched on.
Once that's done, click through to it, select Sharing Services, and select the option Selected By You.
From here, remove all the social media options and click Update Tool.
Now that your tool's settings have been updated, click Get The Code in the top-right, and make sure that your AddThis embed code is included on your website.
Now when you refresh, the social icons should no longer appear.
Related
Facebook used to allow custom parameters in the Facebook share button, but it is not working now. What I need is to create a Facebook share button which will have a custom title, url, image, description, etc. It cannot be done using meta tags because there are multiple share buttons on a single page. Each should have a different title, urls, images etc. I heard it can be done using the Facebook app - using app id or something.
I tried this but it's not working:
<a title="send to Facebook"
href="http://www.facebook.com/sharer.php?s=100&p[title]=YOUR_TITLE&p[summary]=YOUR_SUMMARY&p[url]=YOUR_URL&p[images][0]=YOUR_IMAGE_TO_SHARE_OBJECT"
target="_blank">
Unfortunately, it appears that we can't post shares for individual topics or articles within a page. It appears Facebook just wants us to share entire pages (based on url only).
There's also their new share dialog, but even though they claim it can do all of what the old sharer.php could do, that doesn't appear to be true.
And here's Facebooks 'best practices' for sharing.
This is the code as 2017:
<i class="fa fa-facebook-square"></i>
Share on Facebook
Facebook now takes all data from OG metatags.
NOTE: This code assumes you have OG metatags on in site's code.
Source
Use facebook feed dialog instead of share dialog.
Example:
https://www.facebook.com/dialog/feed?app_id=1389892087910588
&redirect_uri=https://scotch.io
&link=https://scotch.io
&picture=http://placekitten.com/500/500
&caption=This%20is%20the%20caption
&description=This%20is%20the%20description
Crude, but it works on our system:
<div class="block-share spread-share p-t-md">
<a href="http://www.facebook.com/share.php?u=http://www.voteleavetakecontrol.org/our_affiliates&title=Farmers+for+Britain+have+made+the+sensible+decision+to+Vote+Leave.+Be+part+of+a+better+future+for+us+all.+Please+share!"
target="_blank">
<button class="btn btn-social btn-facebook">
<span class="icon icon-facebook">
</span>
Share on Facebook
</button>
</a>
<a href="https://www.facebook.com/FarmersForBritain" target="_blank">
<button class="btn btn-social btn-facebook">
<span class="icon icon-facebook">
</span>
Like on Facebook
</button>
</a>
</div>
Hello is there a way to design my own twitter, facebook, google plus buttons? I need to make those buttons using my custom style. I don't want to use the standard buttons available. What is the function to get the share count for facebook (So I can use it anywhere else)?
Sure!
echo ' <a href="https://www.facebook.com/sharer.php?u=',$my_url,'">
<img src="'.$folder.'/facebook.png" width="50" alt=""></a>
<a href="http://twitter.com/home?status=',$my_url,'"> <img
src="'.$folder.'/twitter.png" width="50" alt=""></a> ';
$folder is your custom icon folder AND $my_url is your url
Google+ allows for custom buttons, so long as they meet our branding guidelines.
https://developers.google.com/+/branding-guidelines
A function to use anywhere else
function myshare($folder, $my_url){
return
'<img src="'.$folder.'/facebook.png" width="50" alt="">
<img src="'.$folder.'/twitter.png" width="50" alt="">
';
}
echo myshare('myfoldername','myurl');
I have this code for a Facebook custom share button:
<script>
function fbs_click() {
u=location.href;
t=document.title;
window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');
return false;
}
</script>
<a rel="nofollow" href="http://www.facebook.com/share.php?u=<;url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">
<img src="../../../../../image/photography/pics/fb-share.png" alt="Share this!" width="57" height="21" border="0">
</a>
This is supposed to scrape info from the page but for some reason it doesn't and it gets redirected to the site's main index.html.
I've tried adding facebook og tags and the extra code in the but to no avail.
Any thoughts?
EDIT: Having been told that the share function has been deprecated, I tried to do this with the feed dialog:
<a href="https://www.facebook.com/dialog/feed?link=http://www.travel2italy.com/Travel/Italy/Company/photography/index.html&picture=http://www.travel2italy.com/image/photography/pics/homepage/florence1-home.jpg&name=travel2italy.com&caption=Photo%20Gallery&description=A%20Beautiful%20photo%20of%20Florence&redirect_uri=http://www.travelive.com" target="_blank">
<img src="../../../../../image/photography/pics/fb-share.png" alt="Tweet this!" width="57" height="21" border="0">
</a>
but when i click on the link it takes me to facebook and says an error occured, wth?!:(
EDIT 2:
I wasn't aware that the app_id argument is needed, signed up for an app and it works now, but it strips away the #section I have at the end of the link (i want it to link to a specific slide in a slideshow)
EDIT 3:
Now some of the share buttons using the sharer do seem to work but don't pull all the photos off the page for me to choose the one i want, this is insane-o, could it just be a caching issue?
I know this question has been asked before, but I feel like my circumstance is slightly different.
I have a site where I a global like button on every page that basically "likes" the site. Now I have a page with a bunch of photos on it and if you click each page, it pops up in a fancybox.
Here's the html that's on the page. Each of these images shows the corresponding title in the fancybox when it's clicked.
<a href="/image1.jpg" class="zoom img">
<img src="/image1.jpg" width="150" height="100" />
</a>
<a href="/image2.jpg" class="zoom img">
<img src="/image2.jpg" width="150" height="100" />
</a>
<a href="/image3.jpg" class="zoom img">
<img src="/image3.jpg" width="150" height="100" />
</a>
<div id="fancyboxTitles" style="display: none">
<div>title1</div>
<div>title2</div>
<div>title3</div>
</div>
What I want to do is have a like button in each of the fancy boxes for that specific image so when someone clicks "Like", that specific image will show up on facebook.
Currently i'm using the iframe method with the meta tags for my global like button.
My answer to the other question (http://facebook.stackoverflow.com/questions/9252899/fancybox-with-share-buttons-linked-to-unique-image) still applies.
You will need to have a mechanism that based upon a unique URL to serve off the correct http://ogp.me og: meta tags to be parsed by Facebook's linter.
Remember the linter does not run javascript, so they will need to be correctly defined in the response stream.
EDIT
Example of each image having it's own URL. These will aid in Facebook being able to get the correct html and og: tags.
http://example.com/images.php?id=1
http://example.com/images.php?id=2
http://example.com/images.php?id=3
Within the HTML response from each of those unique URLs, the correct og: tags are specified. Within that HTML you should have a javascript redirect to the actual page to display the picture. Since javascript wont be run by the linter, the linter should be able to read those og: tags.
See http://ogp.me for how to specify og tags.
Ok, so I've looked around a number of different websites but seem to get mixed information. Does anyone have any advice for implementing a Facebook Like button in an HTML email campaign?
I have already tried this article but for some reason, clicking the like opens a blank page with another like button. http://emailexpert.org/adding-a-facebook-like-button-to-your-email-template/
Any help would be appreciated.
Here is how you can add a Facebook Like button, Share Button, and Tweet Buttons. Please Note: Where it says my-campaign-url.com is the webpage of the email newsletter. Replace img src with your own image for the button. Also I am not sure you need everything in the Facebook button but you can clean it up with some testing =>
Facebook Like
<a title="Like this on Facebook" href="http://www.facebook.com/plugins/like.
php?href=http://my-campaign-url.com&layout=standard&show_faces=
false&width=450&action=like&colorscheme=light&height=427%20">
<img src="/Images/network_icons/fblike-button-small.png" style="border:
0 none;" alt="Like This on Facebook"></a>
Facebook Share
<a title="Share this on Facebook" href='http://www.facebook.com/share.php?u=http://my-campaign-url.com'><img src='/Images/network_icons/fb-share.png' alt='Share my campaign' /></a>
Tweet Button
<a title="Share Via Twitter" href="http://twitter.com/intent/tweet?
url=http://my-campaign-url&text=My%20Text%20-%20&via=My Name&">
<img src="/Images/network_icons/tweet-button-small.png"
style="border:0 none;" alt="Share Via Twitter"></a>
Another (possibly easier) option.
Use the AddThis Service for E-Mail Marketing. See AddThis site for more info. Example Code Follows:
<!-- AddThis Button BEGIN -->
<!-- Facebook -->
<a href="http://api.addthis.com/oexchange/0.8/forward/facebook/offer?pco=tbx32nj-1.0&url=http%3A%2F%2Fmy-site.com%2Fnewsletter&pubid=ra-[Your AddThis ID for Analytics]" target="_blank" ><img src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/facebook.png" border="0" alt="Facebook" /></a>
<!-- Twitter -->
<a href="http://api.addthis.com/oexchange/0.8/forward/twitter/offer?pco=tbx32nj-1.0&url=http%3A%2F%2Fmy-site.com%2Fnewsletter&pubid=ra-[Your AddThis ID for Analytics]" target="_blank" ><img src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/twitter.png" border="0" alt="Twitter" /></a>
<!-- Rest of AddThis Services-->
<a href="http://www.addthis.com/bookmark.php?source=tbx32nj-1.0&=250&pubid=ra-[Your AddThis ID for Analytics]&url=http%3A%2F%2Fmy-site.com%2Fnewsletter " target="_blank" ><img src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/more.png" border="0" alt="More..." /></a>
I had this problem also. But the answers above, and elsewhere, didn't help me too much.
It seemed like often the solution being offered was creating a way to allow people to like the EMAIL CAMPAIGN itself. That's definitely not what I want... I want it to make it so that people can click to like MY ORGANIZATION'S FACEBOOK PAGE.
Fortunately, I am a mailChimp user, and for those of you that use MailChimp, this is the article that explains it very easily: http://kb.mailchimp.com/article/how-can-i-add-a-become-a-fan-on-facebook-button-to-my-campaigns
this allows you to simply put a special tag and to specify the URL of your FB page... awesome. And it works. Sure, you do have to confirm with a second click, but that is OK.