Would it be possible to add multiple facebook and twitter buttons to one page, containing different articles. So if someone clicks on a share button next to an article, it takes that content and not the content of the full page?
Example: http://www.sporza.be/cm/sporza/voetbal/Rode_Duivels/SL_Rode_Duivels_WK?eid=1.1986352
Related
So for the webpage I want there to be 5 different images that are shareable to Facebook. I have it all set up with the buttons, but cannot figure out how to make it so that a person can pick which one they share. If I use opengraph then I can only select one image. Is it possible to have multiple images be shareable to facebook from one webpage?
A share on Facebook only allows for one image that will be displayed in the feed etc.. If you want to have multiple images, your only option is to combine the images the user selected into one and provide this in the og:image tag of your URL.
If your only goal is to let the user choose one out of n different pictures, simply add multiple og:image tags, this should allow the user to then choose one of them in the Share dialog.
How do I make posts on a new page on my tumblr? For instance, my home page is just omyn.tumblr.com, where all my normal reblogs go. But I also have a page there with the URL: omyn.tumblr.com/journey
How do I make a post that posts to that page only? I don't really care if it goes on my home page at the same time it goes on my "/journey" page, so long as it at least shows up there.
There are a few ways to achieve this, both rely on Tumblr Pages.
One Post Only - Standard Layout
To show only one post, pick standard layout:
Add a page (via the customize screen), and pick standard layout.
Set the url to journey.
Add content to the page body.
The standard layout, use the Text Post Type, and the page body will render as if it was a Text Post.
Multiple Posts - Redirect
To show multiple posts, pick redirect:
Any post you want to show on your journey page, tag with journey.
omyn.tumblr.com/tagged/journey will display posts tagged journey.
Add a page (via the customize screen), and pick redirect.
Set the url to journey and redirect to omyn.tumblr.com/tagged/journey.
omyn.tumblr.com/journey will now show posts tagged journey.
These posts will still show up on the Index Page. It is possible to hide them using CSS or Javascript.
This is my first attempt with social share buttons on a classic HTML website (not a CMS).
I understand that social meta tags are now the way to go as you have more control on what you are sharing (you can have more control on the title, the picture, the description, the content type etc..).
What I don't get is how to share a specific article only when you have ten articles displayed on the same page.
All the tutorials I read about sharing buttons are dedicated to a whole web page but I would like to share a specific section of the page per button, not the whole page (one page = 10 articles = 10 share buttons).
How would I achieve that?
Thank you.
(Bonus question: are social meta tags shared by FB, twitter and linkedin or are they only dedicated to FB?)
I don't know if you are still struggling with this, but I've just been thinking about a similar-but-different problem, with a one-page site where the content is swapped out dynamically so that it is not possible to change the og: tags in the header.
The solution requires generating individual pages for each specific article that have their own with dedicated og: tags. Then in your page which lists 10 articles, each one has a share button where the link points to the specific article page, e.g. <a href="https://www.facebook.com/sharer/sharer.php?u=http://yoursite.com/article1.html">.
When some clicks the share button, facebook will crawl the target url for og: tags, not the page you are currently on.
In your case the solution is pretty straightforward, as you presumably have individual pages for the articles already. Mine is slightly trickier because I have to generate extra pages which won't be navigated to from my site but exist for facebook to crawl (and to display the right content when people arrive via the social shares).
I know that the 'send' button gets the content data from the og meta tags so my initial thought is that it's not possible and you can only share the entire page itself. Ideally I want to be able to send different sections of the page individually, each with their own descriptions.
So wondering if there is a way to have multiple 'send' buttons on a single page but with custom descriptions for each?
You could simulate this by having the buttons point to different URLs, each with separate meta tags, then redirect users that land on any of those URLs back to the 'main' URL - you can identify when it's Facebook crawling for the meta tags because the user agent will be the same each time, and redirect anyone else.
I've found the code but not where to put it on my Facebook page.. not my website. Everyone keeps referencing dropping it in a code block, but I haven't been able to find an example of how to do this.
There's already a Like button on Facebook Pages if the user viewing the page doesn't already like the page. If you want to add a like button on your Page for another entity (such as a website, article, or a different Page) you'll need to install a tab to your page where you can put HTML content.
There are several third party applications that allow you to do this, one of the popular ones is http://www.facebook.com/apps/application.php?id=190322544333196 - you could add a new tab to your page with some static content (images, etc) and include the Like button on that tab.
There is no way to embed a like button for an external entity into a post on the page's wall, which i suspect is what you're currently trying to do.