When I want to share a URL on Facebook (in red on picture), the name is not the one mentioned in the "application-name" meta tag but the one in package.json
Is there a way to fix this?
!share a URL on Facebook]1
For Facebook and Linkedin when you want to share URL, you have to add the open graph tags to have the right texts and visuals.
<meta property="og:title" content="YOUR SITEWEB NAME" />
<meta property="og:description" content="bla-bla." />
<meta property="og:image" content="<%= require('./imagesBlogs/og_image_200x200.png') %>" />
In My website i tried Og tags in below way but it is not work
1. image height and weight
2. Not accepting og:url
3. Not accepting og:Video url and og:video:secure_url
4. og:title not visible after publish on social media
<meta name="title" content="Officegx" />
<meta name="keywords" content="Officegx, Office" />
<meta name="description" content="Officegx, OfficeGx" />
<meta name="og:title" content="OfficeGx Og Tag" />
<meta name="og:type" content="OfficeGx Og Tag" />
<meta name="og:url" content="https://www.officegx.com/a/339552/project-management-software-system" />
<meta name="og:image" content="https://s7.postimg.org/qh021h14r/Minify_CSS_files.png" />
<meta name="og:image:url" content="https://s7.postimg.org/qh021h14r/Minify_CSS_files.png" />
<meta name="og:image:secure_url" content="https://s7.postimg.org/qh021h14r/Minify_CSS_files.png" />
<meta name="og:image:type" content="OfficeGx image" />
<meta name="og:image:width" content="400" />
<meta name="og:image:height" content="100" />
<meta name="og:image:alt" content="officeGx alt Tag" />
<meta name="og:video:width" content="400" />
<meta name="og:video:height" content="100" />
could you please help me
You do not have the following properties:
fb:admins
fb:app_id
prefix for example for video, og.
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# video: http://ogp.me/ns/video#">
Object Properties OG + Reference documentation + video.other
This question already has answers here:
How to include another XHTML in XHTML using JSF 2.0 Facelets?
(2 answers)
Closed 8 years ago.
I've recently upgraded Primefaces from 4.0 to 5.1 and after that dialogs are not being shown after clicking the commandButton. It works with dynamic="false" but I need it to be lazy loaded. ExampleBean is sessionScoped and i'm using JSF 2.2. Can someone help me solve this?
<ui:composition template="/template/common/pagelayout.xhtml"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:ez="http://xmlns.jcp.org/jsf/composite">
<ui:define name="content">
<h:form id="form">
<p:commandButton type="button" value="Log" onclick="PF('dlgLog').show();" icon="botaoLog" />
</h:form>
<p:dialog header="HEADER" widgetVar="dlgLog" resizable="false" modal="true" height="500" width="1000" dynamic="true">
<ui:include src="logPage.xhtml"/>
</p:dialog>
</ui:define>
</ui:composition>
logPage.xhtml
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
<h:form id="formlog">
<p:dataTable var="log" value="#{exampleBean.logs}" emptyMessage="Empty">
<p:column headerText="Header1" width="10%">
<h:outputText value="#{log.date}">
<f:convertDateTime pattern="dd/MM/yyyy - HH:mm"/>
</h:outputText>
</p:column>
<p:column headerText="Header2" width="10%">
<h:outputText value="#{log.op}" />
</p:column>
<p:column headerText="Header3">
<p:outputLabel value="#{log.name}"/>
</p:column>
</p:dataTable>
</h:form>
</h:body>
</html>
More specifically, you removed the h:head tag (and I found out ;-). Between the versions you used, PF created it's own h:head renderer which differs from the default implementions in code jsf libraries hence the difference in behaviour (assuming your jsf impl stayed the same).
Finally figured what the problem was. Just removed the <h:head> tag from logPage.xhtml and it worked! Not sure I know the reason though, probably has something to do with <ui:include> expecting a composition which shouldn't have a <h:head> tag.
I want to share a link on google+ which will have embedded video when shared as post
Here are the relevant open graph tags that are being used
<meta property="og:type" content="website" />
<meta property="og:url" content="http://mysiteurl" />
<meta property="og:image" content="http://imageurl" />
<meta property="og:description" content="desc goes here />
<meta property="og:title" content="title goes here" />
<meta property="og:site_name" content="sitename" />
<meta property="og:video" content="https://www.youtube.com/v/XXXXXX" />
<meta property="og:video:width" content="300" />
<meta property="og:video:height" content="200" />
<meta property="og:video:type" content="application/x-shockwave-flash" />'
I am using
<a title="Google plus" href='https://plus.google.com/share?url=http%3A%2F%2Fmysiteurl'><img src='/images/googleshare.png'></a>
for sharing via php.
Google plus is picking everything from open graph except video. Do I need to do something else to share this link with video embedded?
Google+ has a small whitelist of sites they embed video from. You are not on the whitelist so video previews won't work. Google does not have a formal process for getting on the whitelist.
I'm trying to embed flowplayer in my clients vbulletin forum and have succeeded with basic videos in the s3 bucket but am having trouble trying to implement rtmp. I've set up the distribution ok and can stream to a plain html page outside of vbulletin but am hitting a wall trying to write a custom bbcode to embed in posts.
My code for basic embed looks like this in my cusotom bbcode...
<object id="flowplayer" width="624" height="352" data="http://www.MY_DOMAIN.com/forums /flowplayer/flowplayer-3.2.14.swf" type="application/x-shockwave-flash">
<param name="movie" value="http://www.MY_DOMAIN.com/forums/flowplayer/flowplayer-3.2.14.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="quality" value="autohigh" />
<param name="flashvars" value='config={"clip":{"autoPlay":false,"accelerated":true,"url":"{param}"}}' />
</object>
And my working rmtp streaming looks like this...
<HTML>
<HEAD>
<TITLE>
Streaming Video with Flowplayer
</TITLE>
</HEAD>
<BODY>
<H1>HSL501 Observation Video</H1>
<script type="text/javascript" src="http://www.MY_DOMAIN.com/forums/flowplayer/flowplayer-3.2.11.min.js"></script>
<div id="page">
<div id="rtmpPlayer" style="display:block;width:1000px;height:500px;"></div>
<script language="javascript">
// our custom configuration is given in third argument
flowplayer("rtmpPlayer", "http://www.MY_DOMAIN.com/forums/flowplayer/flowplayer-3.2.14.swf",{
plugins: {
rtmp: {
url: 'http://www.MY_DOMAIN.com/forums/flowplayer/flowplayer.rtmp-3.2.11.swf',
netConnectionUrl: 'rtmp://XXXX.cloudfront.net/cfx/st'
}
},
clip: {
url: 'mp4:entries%207.mp4'',
provider: 'rtmp'
}
});
</script>
</div>
</html>
Any help would be much appreciated
Steve
Finally figured it out and hopefully this will help somebody else and save them having to search for hours like I did.
<object width="656" height="420" data="http://www.MY_DOMAIN.com/forums/flowplayer/flowplayer-3.2.14.swf" type="application/x-shockwave-flash">
<param name="movie" value="http://www.MY_DOMAIN.com/forums/flowplayer/flowplayer-3.2.14.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" /><param name="flashvars" value='config={"clip":{"url":"mp4:{param}","bufferLength":1,"provider":"dtfl"},"plugins":{"dtfl":{"url":"http://www.MY_DOMAIN.com/forums/flowplayer/flowplayer.rtmp-3.2.11.swf","netConnectionUrl":"rtmp://XXXXX.cloudfront.net/cfx/st"},"controls":{"backgroundGradient":[0.1,0.3,0,0,0],"bufferGradient":"none","sliderColor":"#272727","backgroundColor":"#000","sliderGradient":"small","buttonOverColor":"#272727","borderRadius":"0px","buttonColor":"#565656","timeColor":"#CCCCCC","progressColor":"#565656","durationColor":"#ffffff","bufferColor":"#CCCCCC","progressGradient":"medium","opacity":1}}}' />
</object>
Steve, in Clip --> url , you are giving My_Domain, whereas it should be URI of your file present in S3. Let me know exactly what is happening when you load the page and play video, as we also faced issues in making it work , but finally did it after few fixes.