I have 5 social media URLs being displayed in a profile card using a php function. Each of the 5 position in the array is representative of a social media profile (Facebook, twitter, Pinterest etc.). I'm not sure how to represent them instead with icons for each respective platform. I have a media library that can be referenced. Any suggestions?
I tried looking for the class ID to use CSS and convert the links to icons, but they're displayed as href=, so I'm not sure how to handle that conversion.
Related
If you share a definition page on Facebook from UrbanDictionary.com, the preview image is a screenshot of the definition itself. The same image appears on Google Images. The URL of the image is http://urbandictionary.com/render_definition.php?defid=[the same id as the post]
My question is, how do I make my website do that? I have a website with quotes and would like each quote to be indexed in Google Images as well as display as preview image when shared on social media. I use Wordpress, if that is relevant.
You should be able to use OpenGraph og:image to set an image URL for your page. You need to have a page that will render the image for you.
<meta content="<page_image_url>" property="og:image">
AFAIK, WordPress has a service called mShots that can take snapshots of your page for you. I couldn't find terms of service for it; but if you want to take that route, the following URL will generate a snapshot of http://example.com:
http://s.wordpress.com/mshots/v1/http://example.com/
i've created a web platform where you can insert 'facebook embedded posts'.
Facebook Embedded Posts Docs
As you can see, i can show a post on my pages simply with
<div class="fb-post" data-href="{your-post-url}"></div>
With this tag, you can show a post in Desktop version: from 350px to 750px width.
The mobile view will be used automatically only on mobile devices. Docs says: "On mobile web, Embedded Posts automatically scale to the width of the container."
The problem is that i'd like to show these posts in their mobile version also on desktop view.
I've tried changing the browser's user agent, but probably i'm doing something wrong. Any idea?
Thanks!
I am working on http://www.ididthisfilm.com/lex_tmp2/thelist/ webpage. There are some videos , images and text on this page. I want to share these contect from this page to facebook , twitter and google plus. Right now I am using plugin add to any to share this. But with plugin i am only able to share title of the page and url of the page. I want to share Images and video and text individually. Please Help.
as per my knowledge I'm never come across any kind of plugin which will allow you to share specifically the page contents and not the full page itself. Whatever social share plugin present in WordPress free plugin repository, it will only allow you to share the page or post itself, not any element within it.
Beside the only content sharing plugin I've seen is this jQuery Pin It Button For Images (Link: https://wordpress.org/plugins/jquery-pin-it-button-for-images/) which will show you a pin button whenever you hover on any images present on your site.
If you want to share specific contents of your page/post, I will suggest you to copy the link and then use HootSuite to one click share to every social media.
Hope this helps.
As I know Facebook, twitter, Sprybirds and google+ uses the meta tags to share the content of a webpage. Facebook uses Open Graph. An example of meta tag uses by facebook for image is <meta property="og:image" content="your-image-path.jpg"> and by twitter <meta name="twitter:image:src" content="your-image-path.jpg">. You only can share contents on these sites which are available in meta tags.You can not share all the page. If you are using wordpress for website or blog then you can use available plugins like all-sociable and otherwise you have to create your own plugin.
If you want to create own buttons to share contents on These sites then you can do these things.
For Sprybirds
For Facebook
For Google Plus
For twitter
Where "PUT-PAGE-URL" is the url of that page from which you want to share the content on these sites. The content of this page will share on these sites.
Request If you are planning to put these buttons and my answer is helpfull for you please don't forget to also create our social networking website Sprybirds.com button on you website.
List item
I am working on an real estate applicatoin and using facebook like in that.
Url : 21flats.com
you can see 3 deals at home page. if you will click on the deal name then it will show the detailed page where you will have facebook like. Now the problem is with the facebook liking of deals. every deal is submitting/posting with a random image. I mean when you click facebook like then it does not post the og:image but sometimes do. You can view source the page. You can click on each of the deals and can see different thing happening.
Thanks
Shamrma - this is related to your use of OG:type Only the root of the domain 21flats.com should have the OG:type of website, all other pages should be article or what they represent. You can read about the proper usage of OG:type here https://developers.facebook.com/docs/opengraph/#types
Use article for any URL that represents transient content - such as a
news article, blog post, photo, video, etc. Do not use website for
this purpose. website and blog are designed to represent an entire
site, an og:type tag with types website or blog should usually only
appear on the root of a domain.
EDIT: 11/14/2011 - 10:45am CST.
The Open Graph protocol defines four required properties:
og:title - The title of your object as it should appear within the
graph, e.g., "The Rock".
og:type - The type of your object, e.g., "movie". See the complete
list of supported types.
og:image - An image URL which should represent your object within the
graph. The image must be at least 50px by 50px and have a maximum
aspect ratio of 3:1. We support PNG, JPEG and GIF formats. You may include multiple
og:image tags to associate multiple images with your page.
og:url - The canonical URL of your object that will be used as its
permanent ID in the graph, e.g.,
http://www.imdb.com/title/tt0117500/.
I am attempting to create some functionality on beta.peaksneak.com where users can basically journalize. To do this I want them to be able to add images, videos, quotes, and links to a journal entry.
I found out that you can use oEmbed to embed videos, and images/quotes are easy.
Is there a script for embedding links and auto-capturing a large image from the link to use for embed purposes? For example, on Facebook, when I paste a link into a comment, it automatically generates an image and text (probably from meta tags and the first large image it can find).
You can also try https://github.com/starfishmod/jquery-oembed-all for your oembed stuff - it has a lot of providers and is client side only if that is what you are looking for?