we pasted this code on watson conversation
https://drive.google.com/file/d/0B3n0L-fAmNEXWFlJa3ZIN09TbHM/view?usp=sharing
The output is weird on facebook messenger, we are able click on that link, but it's not supposed to be there,any advice would be appreciated
https://drive.google.com/file/d/0B3n0L-fAmNEXTzVkV2d1aEtTZFU/view?usp=sharing
Joe, if you use this example without the http:// or https:// it understands that it is localhost or your domain, and does not redirect, or redirect wrong.
I did your example inside my conversation app, and redirect to localhost/YourURLinsideHref
Try it (works fine to me):
{ "output":
{ "text":
{ "values": [ "Please take a look at the following link click here" ],
"selection_policy": "sequential"
}
}
}
You can add in your normal response inside Conversation Service:
<a target="_blank" href="https://google.com.br">Google</a>.\n<br/><br/>
EDIT:
Done a lot of research on this. Facebook doesn't seem to support the
usual codes which create hyperlinked text (e.g. "click here") that
links the clicker to your specified external website. for now, you can
only attach a link in it's full form (e.g. "www.blahblah.com")
Official information inside facebook forum.
Related
I want to put a button on my website that will open a popup for the user to share the url on its profile.
I followed the steps shown here, after click on 'get code':
1. Include the Javascript SDK on your page once, ideally right after the opening <body> tag.
2. Place the code for your plugin wherever you want the plugin to appear on your page.
but I get a blank div without the button. What's missing? Do I need to register on facebook developers? Do I need to include some javascript src in the <head>?
On twitter is very simple, you just need to get the code from here
Edit: I want something like youtube facebook share.
As noted in the comments, somehow the default method as suggested by Facebook is not working, or rather the way the share button documentation suggests is not clear enough. This answer as suggested appears to work. Note that you will need a Facebook App ID.
Alternatively, this answer allows for a simple link, which you then have to style yourself with CSS, this alternative has the benefit of making share buttons that are consistent in design with your website, if you just want the vanilla blue Facebook button then continue with this answer.
Squarespace also details the default way of adding a facebook like button, my attempts to get it to work in a jsFiddle were not successful.
Get an AppID and embed the Facebook script in your website.
This step is explained in detail in the official documentation, where you just generate your own AppID then copy paste the script code (usually after the <body> tag.
Add a jQuery library for the next bit of code as explained in this answer.
The share dialog box script:
-
<script type="text/javascript">
$(document).ready(function(){
$('#share_button').click(function(e){
e.preventDefault();
FB.ui(
{
method: 'feed',
name: 'This is the content of the "name" field.',
link: 'Your-blog-link',
picture: ‘http://yourpicture-here’,
caption: 'yourCaption',
description: short-description-here
message: ''
});
});
});
</script>
More parameters can also be added to customize the button.
Lastly, add the image/element you want to be the share-button:
Something like: <img src = "share_button.png" id = "share_button">
I am trying to ensure that meaningful information is supplied with Facebook shared links to the HTML5 pages on my website. Right now, links are just showing up as a URL, with no description or accompanying image.
I have been using the open graph tags to provide metadata on the page.
I have been trying to check the pages on the website using the Facebook debugging tool but the tool does not get any data from the page being checked.
For example, I try to debug the page: http://www.gaiaguide.info/do/Hierarchy
It responds with the error: "Could not retrieve data from URL."
The graph API data provided by the debugging tool has the following value:
{
"error": {
"message": "An unknown error has occurred.",
"type": "OAuthException",
"code": 1
}
}
When I look at what Facebook scraper sees for the page, all I get is the following:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
The entire HTML content is missing. What is even more peculiar is that it is not even the same doctype as the page I am trying to test.
It is not clear to me why an OAuthException would be raised. The page is visible to external sources for validation. For example, I have validated the page on an HTML5 validation site and it is definitely seeing the entirety of the page contents.
I haved tried URLs from other sites served on the same IP address from the same server and they are fine. An appropriate image and summary is provided in the set of information that would be used to construct the shared link.
I have found other HTML5 pages that validate fine on the Facebook debugger.
I have tried to remove the og:* meta tags from the pages to see if they were causing Facebook to think that the website should be requiring some kind of user authentication but that has not impacted upon the problem.
I have tried to remove the "sharethis.com" mark-up and Javascript that is responsible for the sharing icons to the pages but that has also had no effect.
Any insights into what should be a simple problem would be greatly appreciated.
Thanks
Geoff S
The only issue I can see on your page is the empty space at the top of your HTML code. I made a copy of your page (http://www.webniraj.com/hierarchy.html) and put it through the debugger after removing the odd characters at the beginning of the file.
The page seemed to work correctly after that:
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.webniraj.com%2Fhierarchy.html
I have a very strange issue while sharing a page, probably connected to DNS used by Facebook.
I usually share pages from my own sites with no problem. In only one new site, I cannot correctly share any page.
where is the problem?
If I try to share a page from this new site (www.tarocchibluemoon.com), I expected to share an image, a page title etc.
However, I didn't see any images choosen from the ones in my page.
I used the debugger developers.facebook.com/tools/debug
and typed in the site http://www.tarocchibluemoon.com having a beautiful "Critical Errors must be fixed"
Looking deeper in Graph API I see:
{
"url": "http://www.tarocchibluemoon.com/",
"type": "website",
"title": "www.tarocchibluemoon.com",
"image": [
{
"url": "http://www.tarocchibluemoon.com/images/domain_reserviert.gif"
}
],
"updated_time": "2011-11-14T20:43:22+0000",
"id": "10150336639081017"
}
This means that debugger sees the site like it was a month ago when the provider showed the classic default page shown when you buy a new domain with written inside "The domain is reserved" (a page like this example).
Probably Facebook didn't received the update to the DNS done when I published the site!
I tried also to change again the IP address of my site but with no results.
I think the problem is the canonical tag in your head section (end of line 3):
<link href="http://bluemoon.thiellaconsulting.com/Default.aspx" rel="canonical" />
Facebook tries to scrape your canonical url - but in this case that url doesn't exist so you get a 'can't download' error.
If you switch that tag so it points to your current domain (or remove it altogether) you should allow Facebook to scrape the page and update it's graph entry.
I'm looking to integrate the "like" button into a website, but I'm a little confused with the information available on the web. I read this article, which was in another stackoverflow article, but have some questions: http://www.saschakimmel.com/2010/05/how-to-capture-clicks-on-the-facebook-like-button/.
I've setup a "Page" already in facebook, and from what I understand in the link above, you need to setup an "App" to get an API key. What I don't understand though is that if I use this API Key, it's going to be pointing to my newly created "App", which has no fan base. How do I link this API Key, (or setup another key through the page admin), so I can have users "like" the real facebook page?
I want to run some javascript functions the moment a user likes the page, but I'm also a little confused on what API functions call, and whether these return a true/false value? I only really want to run these js functions if the user has not already liked the page..
Hope this all makes sense, would love any explanations you have to offer to point me in the right direction.
BUMP
after making a page and registering for it on face book, you will get a link, o trough the process again. Then just paste this link on your web site and you will get the like box. Paste it in a div tag.
You can also make a function in js which calls this like box and on its dependency you can call other js functions also.
//js code
function js()
{
create element div;
}
function other()
{
js();
}
If you just want an like button in your page , go to http://developers.facebook.com/docs/reference/plugins/like/
paste your fb page url in "URL to Like (?)" text box
get the code
paste in the div box of ur web site source code where you want it to appear
I'm starting to feel stupid. I'm following the Facebook-Connect demo "The Run Around".
At the point when I navigate to http://www.[mysite].com/testing/register_feed_forms.php to register the one-line story, I get the following error:
Error while setting up application:
You need to configure your callback URL in the Facebook Developers App
However, when I edit my app settings in the http://www.facebook.com/developers/apps.php page, I CAN'T FIND ANY BOX TO PUT THE CALLBACK URL !!
Where is it?
What is it that I'm missing? I have found many references that it should be in the "Basic" tab of my App Settings, but I can't find it! Is it the Connect Callback URL?
To be more specific, this is the content I see in 'Basic':
Essential Information
Application Name
Application ID
API Key
Secret
Basic Information
Description
Icon
Logo
Language
Developers
Contact Information
Developer Contact Email
User Support Email
User-Facing URLs
Help URL
Privacy URL
Terms of Service URL
Thank you... Either docs are obsolete or I'm becoming slow...
A "Connect URL" and a "Callback URL" are two different things, though they often contain the same url value. Does that make sense?
And yes, the documentation is BEYOND horrible and completely unacceptable. What's worse is that because it is so outdated, it often suggests things that will BREAK an already working app.
Just horrible...
Here's how to set your connect url.
Login as you to facebook.
Go to facebook.com/developers
You'll see somthing along the right side that says "my applications". Click on your app.
Then click "edit settings."
You'll be taken to a new inteface that has tabs running vertically along left side. Click the tab that says (surprise) "Connect"
The connect url text input box will be the very first at the top.
If the 'callback url' you're talking about is the same as the 'Canvas Callback URL' that I'm thinking about, which is the only callback url that I know about, then it's the second text field in the 'Canvas' tab of the editor. This is mine:
Canvas Callback URL: http://localhost/ Facebook pulls the content for your application's canvas pages from this URL.