Topic-icon Need to Format Twitter Posts

Active Subscriptions:

None
8 years 3 months ago - 8 years 3 months ago #56556 by webdevtim
This is what our Twitter posts currently look like:

This is what others Twitter posts look like:

This is what we would want our Twitter posts to look like:


I have been reading everything you have and I am still not sure how to accomplish this, maybe I just haven't read enough yet, but if you can guide me to the bulls eye, that would once again, be awesome. This would be using the same images I have designated for the {SCOpenGraph image=...} tags.
Last edit: 8 years 3 months ago by webdevtim.
The topic has been locked.
Support Specialist
8 years 3 months ago #56563 by alzander
Run your page through the Twitter Card Validator to see what it shows. JFBConnect does set Twitter Card values for your pages and they should show up there. If things work, make sure that your site is whitelisted for Twitter Cards (it should show you that on the page). If not, submit your page to Twitter to allow them to display the summaries.

Let us know how that goes,
Alex
The topic has been locked.
Active Subscriptions:

None
8 years 3 months ago - 8 years 3 months ago #56564 by webdevtim
Thanks Alex, will do. I have to give your component rave reviews on the JED again, will tend to that today as well.

The additional issue is that I want to use 911to.org/release-the-28-pages, where the original URL looks like this www.911truthoutreach.org/557-news-releas...-114th-congress.html. 911to.org gets converted to www.911truthoutreach.org when it hits the LAMP 7 server through the APACHE .htaccess file through a regex redirect and the rest of the link gets converted into it full Joomla path for the article through another regex redirect. The only thing I need to know is how to substitute that for the original Joomla path when sending the info to Twitter?

Sounds to me like I will have to add another tag to each article.

Another issue is that connect.facebook.net/en_GB/sdk.js is taking 1.39 seconds to load. Can't I just copy this and save it as facebook/connect/en_GB/sdk.js and then have JFBConnect grab this rather than going over the net to get it?
Last edit: 8 years 3 months ago by webdevtim.
The topic has been locked.
Active Subscriptions:

None
8 years 3 months ago - 8 years 3 months ago #56599 by webdevtim
This is what the Twitter Validator Returned:



I want the image to be the full width of the content box. I will look at settings in Twitter to see if there is something I need to set there.
Last edit: 8 years 3 months ago by webdevtim.
The topic has been locked.
Support Specialist
8 years 3 months ago #56601 by mel
Replied by mel on topic Need to Format Twitter Posts
The Twitter card type that we're using is the "Summary" Card. I think you might want it to be "Summary Card with Large Image". You can see the different card types in the Twitter Card documentation .

In /libraries/sourcecoast/openGraph.php, around line 333, you can see we add the following:
$graphValue .= '<meta name="twitter:card" content="summary"/>' . CARRIAGE_RETURN;

Try temporarily changing that to
$graphValue .= '<meta name="twitter:card" content="summary_large_image"/>' . CARRIAGE_RETURN;

Then try to run it through the validator again.
The topic has been locked.
Active Subscriptions:

None
8 years 3 months ago - 8 years 3 months ago #56602 by webdevtim
OK, that did the trick, now how do I make this into a template override, so it doesn't get over written on update?



And one more thing how to I get JFBConnect to transmit the link 911to.org/release-the-28-pages instead of www.911truthoutreach.org/557-news-releas...-114th-congress.html.

So the issue becomes, how do I change:
<meta property="og:url" content="https://www.911truthoutreach.org/557-news-releases/423-resolution-to-declassify-the-secret-28-pages-re-introduced-to-114th-congress.html"/>

to
<meta property="og:url" content="http://911to.org/release-the-28-pages/"/>

Even though the underlying URL used by Twitter is something like t.co/dJdjwLbULw, Twitter still tries to display the full URL, www.911truthoutreach.org/557-news-releas...-114th-congress.html, which gets truncated. It would be better if Twitter would display 911to.org/release-the-28-pages/ which would look better in Facebook as well.

So do you have a tag I can add to articles that will let me override the Joomla URL for the article? Would you recommend that I use the Joomla Redirect manager for creating the short URLS or .htaccess? I like .htaccess because it is very easy to edit a text file.

Having a Short title in Twitter would also be an advantage, how would I force JFBConnect to set the following on a per content item basis
<meta property="twitter:title" content="Release the 28 Pages" />

Also is this the way I would embed a Twitter Share Button in an article?
{SCTwitterShare href=http://911to.org/release-the-28-pages/ text=Release the 28 Pages data_count=horizontal via=911TruthOut, related=911TruthOut,AE911Truth,ReThink911 hashtags=911truth size=medium dnt=false}
Last edit: 8 years 3 months ago by webdevtim.
The topic has been locked.
Active Subscriptions:

None
8 years 3 months ago #56603 by webdevtim
Twitter Card Validator said:

USER wrote: *.911truthoutreach.org is whitelisted for summary_large_image card

The topic has been locked.
Active Subscriptions:

None
8 years 3 months ago #56604 by webdevtim
OK, didn't quite do the trick:

This is what it look like when navigating to twitter:



This is what it looks like when clicking View Summary:



How do I get our posts to twitter to be opened by default like the post below AE911Truth?
The topic has been locked.
Support Specialist
8 years 3 months ago #56608 by alzander
Wow.. lots of questions. I'll try to get them all, but if I miss something, let us know.

And one more thing how to I get JFBConnect to transmit the link 911to.org/release-the-28-pages instead of www.911truthoutreach.org/557-ne … ress.html.

You'd need to do this in each article by overriding the Open Graph tag. Use the following easy-tag:
{SCOpenGraph url=http://911to.org/release-the-28-pages}

Having a Short title in Twitter would also be an advantage, how would I force JFBConnect to set the following on a per content item basis

Similar to above:
{SCOpenGraph title=Your Shorter Title}

Also is this the way I would embed a Twitter Share Button in an article?

That looks right to me, but if you run into issues with it, let us know what they are.

How do I get our posts to twitter to be opened by default like the post below AE911Truth?

You can't with just Twitter Cards. See the 2nd post in the thread below from a Twitter staffer:
twittercommunity.com/t/twitter-cards-val...e-pre-expanded/25702
The other feed you're asking about looks to be uploading that photo directly to Twitter as part of the status update.. they aren't sharing a link to their URL and having the summary card displayed.

As far as I know, the summary and other views are automatically expanded on mobile devices now. My guess is that at some point, they will be automatically expanded on desktop as well.

I hope that helps,
Alex
The topic has been locked.
Support Specialist
8 years 3 months ago #56609 by alzander
Here's another good explanation from the same Twitter staffer:
twittercommunity.com/t/twitter-summary-l...eady-aproved/16812/4
The topic has been locked.