I`m using facebook comments plugin on my web page. When I post comment, it showing on the wall in the FB. But when i go to my web page from FB, no comments are showing.
Code:
`
<meta property="fb:app_id" content="166856086729262">
<div id="fb_comm" style="padding-left: 10px;>
<script src="http://connect.facebook.net/ru_RU/all.js#xfbml=1">
<fb:comments href="http://".$xid." width="750" num_posts="5"></fb:comments>
</div>
`
What is wrong?
You need to specify your site's URL instead of href="http://".$xid."
Facebook's plugin links between the application you're running and the URL.
Related
I'm trying to use Google ReCaptcha V3 for my site, but when I load the page always get a message "Invalid site key or not loaded in api.js".
So for the first question, I need to make sure Google Recaptcha V3 can run on the local environment, right? (without SSL)
If it can run, How to verify domain or site key is correct?
HTML&JS
<html lang="en">
<head>
<script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<body>
<div class="col-md-4">
<div class="g-recaptcha" data-sitekey="{{env('GOOGLE_RECAPTCHA_KEY')}}"></div>
</div>
</body>
</html>
Screenshot:
Google Recaptcha V3
Please help me :)
You may have to include the sitekey in the script tag itself:
You have: https://www.google.com/recaptcha/api.js
You want: https://www.google.com/recaptcha/api.js?render=<v3_site_key>
I have a C# MVC app that makes use of recaptcha security code in a particular view.
In my view i have the following code:
<script type="text/javascript" src="https://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>
...
#Html.Raw(Html.GenerateCaptcha("captcha", "white"))
#Html.ValidationMessage("captcha")
When i try to load the page, i get the following error in chrome's debugger:
Mixed Content: The page at 'https://mywebsite.com' was loaded over HTTPS, but requested an insecure resource 'http://www.google.com/recaptcha/api/challenge?k=mykey'. This request has been blocked; the content must be served over HTTPS.
and if i inspect the source of the loaded page, the razor control for recaptcha generates this script tag:
<script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=mykey">
the src attribute is a http url not a https url.
If anyone knows how i can overcome this error, it would be greatly appreciated.
Thanks,
Kapetanios
Ok here i am posting an answer to my own question again.
It turns out that this:
#Html.Raw(Html.GenerateCaptcha("captcha", "white"))
#Html.ValidationMessage("captcha")
was rendering this:
<script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=mykey"></script>
The src attribute of the script tag contained http and not https
So, to fix this issue, i just replaced the #html.raw & #html.validate with this:
<script type="text/javascript" src="https://www.google.com/recaptcha/api/challenge?k=mekey"></script>
<noscript>
<iframe src="https://www.google.com/recaptcha/api/noscript?k=mykey" height="300" width="500" frameborder="0"></iframe><br>
<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea><input name="recaptcha_response_field" value="manual_challenge" type="hidden" />
</noscript>
Doing this stopped chrome debugger from getting the error.
I'm trying to enable inline installs, but continue to get the following error
Inline installs can only be initiated for Chrome Web Store items that have one or more verified sites
I've verified ownership of my test site via both a name tag and a .html file. Is it a problem that this test site is also owned by my other email (for analytics)? This is all being tested in Canary, where I'm signed in with a work email.
In the Developer Dashboard, I've changed my display name to be the site I verified (e.g. www.example.com). I've also enabled the checkbox for This item uses inline install.
It's not clear how I associate the site I own with the app I publish on the chrome web store.
It seems like I'd need to specify the site I own in the manifest file?
In my www.mydomain.com/testfile.html:
<!DOCTYPE html>
<html lang="en">
<head>
<title>blu</title>
<meta charset="UTF-8" />
<link rel="shortcut icon" href="./img/favicon.png">
<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/myAppIdNumber">
</head>
<body>
<div style="width: 600px; margin: 40px auto;">
<h1>
Example Install Page
</h1>
<p>
You can initiate app and extension installations "inline" from your site. These apps and extensions are still hosted in the Chrome Web Store, but users no longer have to leave your site to install them.
</p>
<button onclick="chrome.webstore.install(undefined, undefined, function(message) { console.log(message); });" id="install-button">
Add to Chrome
</button>
<script>
if (chrome.app.isInstalled) {
document.getElementById('install-button').style.display = 'none';
}
</script>
</div>
</body>
</html>
It's not about your display name.
You need to:
Go to the Webmaster Tools.
Add the site to your sites.
Obtain and embed a verification code into your site.
Complete verification in Webmaster Tools.
Go to your Developer Dashboard (must be under the same Google account) and edit your Web Store item.
Select your site in "Verify that this is an official item for a website you own:"
Currently, when someone 'likes' a link and creates a Facebook post (via the like button), it will only grab the one image that I specify in the meta tag (via the og:image property).
What is the best way to allow people to post a dynamic image with dynamic description? In my case, I have several items (with image & description) listed on a page that the user should be able to 'like' and post on their wall. Any advice would be much appreciated.
Thanks!
Change the meta tag on click: use this example and modify it to your needs.
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<title>Title Of Page</title>
</head>
<body>
<input type="button" value="Click Me" onclick='$("title").html("Changed Dynamically");'/>
</body>
</html>
When I share an article on my site (www.spoilertv.com), it picks up images such as my sites logo and favicon to use in the Google Plus share box
Screenshot
http://i47.tinypic.com/2zf5ymg.png
Is there a way I can exclude an image from being "picked up" by Google+ eg somehow using the itemprop="image" snippet item?
The Google+ snippet fetcher makes a best guess when you do not specify an image using schema.org markup or Open Graph markup. You cannot explicitly exclude an image, but you can achieve the same effect by explicitly specifying a different image for your snippet :)
To specify a specific image you can add schema.org markup:
<body itemscope itemtype="http://schema.org/Product">
<h1 itemprop="name">Shiny Trinket</h1>
<img itemprop="image" src="http://example.com/trinket.jpg" />
<p itemprop="description">Shiny trinkets are shiny.</p>
</body>
or OpenGraph markup:
<meta property="og:title" content="Example Title" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Example Description" />
You can learn more about how Google looks for images on your page on the snippet documentation.