I want to share video on Google plus
I am using open graph tags
<meta property="og:site_name" content="..." />
<meta property="og:url" content="..." />
<meta property="og:title" content="..." />
<meta property="og:type" content="..." />
<meta property="og:image" content="..." />
<meta property="og:video" content="..." />
<meta property="og:video:type" content="..." />
<meta property="og:video:width" content="..." />
<meta property="og:video:height" content="..." />
it does share as a link and not video.
Thumbnail displays but not embed video within it.
Google+ only supports a select few Open Graph tags.
og:title
og:image
og:description
Related
When typing www.8billionminds.com or http://8billionminds.com on twitter, the image on the thumbnail shows correctly, but when typing https://8billionminds.com then it doesn't.
Any idea why?
It works fine on linkedin or facebook, but not twitter.
These are the meta tags
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>8Billionminds | worldwide live learning platform</title>
<meta
name="description"
content="We are a free online interactive learning platform where you can learn, teach and chat about almost anything."
/>
<meta name="keywords" content="live learning, online learning" />
<meta property="og:site_name" content="8Billionminds" />
<meta property="og:type" content="website" />
<meta property="og:location" content="en_UK" />
<meta property="og:url" content="http://www.8billionminds.com/" />
<link rel="canonical" href="http://www.8billionminds.com" />
<meta
property="og:title"
content="8Billionminds | worldwide live learning platform"
/>
<meta
property="og:description"
content="We are a free online interactive learning platform where you can learn, teach and chat about almost anything."
/>
<meta property="og:image" content="${webAppRoot}images/8BM-open-graphic.png" />
<meta property="og:image:alt" content="${webAppRoot}images/8BM-open-graphic.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="#8Billionminds" />
<meta
name="twitter:title"
content="8Billionminds | worldwide live learning platform"
/>
<meta
name="twitter:description"
content="We are a free online interactive learning platform where you can learn, teach and chat about almost anything."
/>
<meta name="twitter:image" content="${webAppRoot}images/8BM-open-graphic.png" />
<meta name="twitter:image:alt" content="${webAppRoot}images/8BM-open-graphic.png" />
EDIT
It works fine now. I changed nothing.
your og:url
<meta property="og:url" content="http://www.8billionminds.com/" />
has hardcoded http and www
EDIT:
checking on https://cards-dev.twitter.com/validator
it seems to work
I've built an application on next.js. For that I'm injecting custom meta tags into the head of page. Following is the content i'm injecting into the Head of document.
<title>{`${recordingData.title} - VUMU`}</title>
<meta name="description" content="Check out a video I made via VUMU" />
/* SEO */
<meta property="og:site_name" content="VUMU.IO" />
<meta property="og:type" content="website" />
<meta property="og:url" content={`${config.WEB_URL}share/${query.pid}`} />
<meta property="og:title" content={`${recordingData.title} - VUMU`} key="title" />
<meta property="og:description" content="Check out a video I made via VUMU" />
<meta property="og:image" content={recordingData.thumbnailUrl} />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta name="twitter:card" content="summary" />
/* OEMBED links discovery */
<link rel="alternate" type="application/json+oembed" href="https://2rstwutqz5.execute-api.eu-west-2.amazonaws.com/dev/get-recording-oembed?url=https%3A%2F%2Fstage.vumu.io%2Fshare%2F60d81714d4324bb2b7a595ab&format=json" />
<link rel="alternate" type="application/json+oembed" href="https://2rstwutqz5.execute-api.eu-west-2.amazonaws.com/dev/get-recording-oembed?url=https%3A%2F%2Fstage.vumu.io%2Fshare%2F60d81714d4324bb2b7a595ab&format=xml" />
/* Other tags */
Plus following is the link contaings these tags. https://stage.vumu.io/share/60d81714d4324bb2b7a595ab?src=ext
Now the problem is that when i share the link url on actual social media platform it doesn't load up the embeded iframe.
I am working on a WEB API 2 Project. I am using Swagger documentation.
I am also using ODATA V4.
I want to set my default page of my web api to swagger, How can I do it?
You can create a redirect, see an example here:
http://turoapi.azurewebsites.net/
All I did was create an index.html with the following code:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<meta http-equiv="refresh" content="0; URL='/swagger'" />
</head>
<body></body>
</html>
With that make sure in Web.config
<system.webServer>
<handlers>
<remove name="ExtensionlessUrlHandler-Integrated-4.0" />
<remove name="OPTIONSVerbHandler" />
<remove name="TRACEVerbHandler" />
<add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
</handlers>
</system.webServer>
... it should not include this tag.
<clear/>
About 2-3 weeks ago the product image and description quit showing in posts to our Google+ business page.
They are showing on our Facebook business page.
Heres the OG code:
<meta property="og:type" content="product" />
<meta property="og:title" content="Product Name" />
<meta property="og:site_name" content="Website Name" />
<meta property="og:description" content="Description of listed item on webpage" />
<meta property="og:image" content="http://www.mywebsite.com/myimage.jpg" />
<meta property="og:url" content="http://www.mywebsite.com/product-name.html" />
Any ideas?
I want to create a simple "take a photo" Android application with Cordova 2.9 with a single button launching the getPicture() API , but nothing happens when I click on the button I created.
Here is the code of my index.html file in www folder :
<!DOCTYPE html>
<html>
<head>
<title>Take a photo</title>
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
<script type="text/javascript" charset="utf-8">
document.addEventListener(“deviceready”,onDeviceReady,false);
function onDeviceReady() {
}
// Called when a photo is successfully retrieved
//
function onPhotoSuccess(imageData) {
var myImage = document.getElementById(‘myImage’);
myImage.style.display = ‘block’;
myImage.src = “data:image/jpeg;base64,” + imageData;}
function capturePhoto() {
navigator.camera.getPicture(onPhotoSuccess, onPhotoFail, { quality: 50 });
}
function onPhotoFail(message) {
alert(‘Failed because: ‘ + message);
}
</script>
</head>
<body>
<button onclick=”capturePhoto();”>Capture Photo</button> <br>
<img style=”display:none;width:60px;height:60px;” id=”myImage” src=”” />
</body>
</html>
And here is my config.xml file :
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.localdb.com" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>Localdb</name>
<description>
A sample Apache Cordova application that responds to the deviceready event.
</description>
<author email="dev#cordova.apache.org" href="http://cordova.io">
Apache Cordova Team
</author>
<content src="index.html" />
<access origin="*" />
<feature name="Camera">
<param name="android-package" value="org.apache.cordova.camera.CameraLauncher" />
</feature>
</widget>
and my AndroidManifest.xml file :
<?xml version='1.0' encoding='utf-8'?>
<manifest android:hardwareAccelerated="true" android:versionCode="1" android:versionName="0.0.1" package="com.localdb.com" xmlns:android="http://schemas.android.com/apk/res/android">
<supports-screens android:anyDensity="true" android:largeScreens="true" android:normalScreens="true" android:resizeable="true" android:smallScreens="true" android:xlargeScreens="true" />
<uses-permission android:name="android.permission.INTERNET" />
<application android:hardwareAccelerated="true" android:icon="#drawable/icon" android:label="#string/app_name">
<activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="#string/activity_name" android:launchMode="singleTop" android:name="CordovaApp" android:theme="#android:style/Theme.Black.NoTitleBar" android:windowSoftInputMode="adjustResize">
<intent-filter android:label="#string/launcher_name">
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
<uses-sdk android:minSdkVersion="10" android:targetSdkVersion="19" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.RECORD_VIDEO" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-feature android:name="android.hardware.camera" />
<uses-feature android:name="android.hardware.camera.autofocus" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
</manifest>
Can you please tell if anything is missing in my files thank you in advance !