Other [Solved]Twitter cards for xenforo.

[zadow]

Hello all

I spend alot of time promoting my forum on twitter.
I Like the platform, and how fast you can get tons of visitors.

So i setup a feed with twitterfeed, to auto post to twitter.

Its farly easy

i explain the steps

You add the rss link to sections from diserered forum rss that you would like to auto cast to twitter

then next step select twitter, then setup how freg. it should be sync.

Only problem is, that when i member post, it will auto cast that to twitter also.
Good thing is that alot of visitors visit.



But!
So i dig into twitter apps some more.

And the perfect thing would be a so called twitter card.
https://dev.twitter.com/cards/overview

It looks nicer and have support for media of various formats.

here is a example using a website that have twittercards.
I have a github account and when posting link to a reposotory on twitter, it shows a nice card of the tweet.

Would be cool to have a option to have a card for our forum, with a card of new threads, made with a nice logo or video of the first post.

What you say, anyone up for the challenge

 

[TickTackk]

Something like what I've done for my forum @ https://twitter.com/reckonslive/status/573660156300386305 ?

 

[zadow]

yes exactlly.


Is it automated, or did you somehow intregrated it into the twitter button.
And how did you do it

 

[TickTackk]

I made that something like that very long time back. To get those big summary thingy for your links, you need to read here @ https://xenforo.com/community/threa...en-graph-and-twitter-cards.88657/#post-866970 and then just add the twitter meta tags under open_graph template. For example on my site's thread here @ https://www.rt-networks.com/threads/what-is-rgold.18/ if you open the page source you'll find what you're looking for

 

[zadow]

well it looks nice.
But one thing i dont fully understand.
Does the twittercard only apply to front page tweet button ?
https://twitter.com/zadow28/status/579611885995225088
i made a tweet front front page forum and it works , but if i tweet from a thread it dosent show ?
Any idea

 

[TickTackk]

Was the thread link tweeted before you added the twitter meta tags?

 

[zadow]

no i added meta then first tried post tweet forum, that worked.

Then went into a thread, and tweeted from that and that shows normally.

you see the meta within code frontpage page http://www.techbliss.org/

 

[TickTackk]

<meta name="twitter:url" content="http://www.techbliss.org" />

should be the page location, not home page location

 

[zadow]

should be the page location, not home page location

Not sure i understand.
I see you have a page other than homepage yourself, but how would i know what page to add.
So if i make a new thread i have to add that link to the meta ?

Maybe i misunderstood the twittercard uses

I wanna show the card each time i use the twittercard from anywhere on the forum.

 

[TickTackk]

Try replacing the value inside twitter:url tag with this

{$requestPaths.fullUri}

 

[zadow]

never been good with PHP like this ?

<meta name="twitter:url" content={$requestPaths.fullUri} />

 

[zadow]

okay if i copy link from forum link and paste into tweed on twitter it works.
If i use xenforo's own tweet button i doesnt show card

UPDATE!!
Appenrently it works also wit xenfor tweet button, It just took a minut before it appered correctly.
All Works now.

Thx for the help m8

 

[RandyRS]

Hi, could you please help with this tags ?
I want to change the value.

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@nytimes">
<meta name="twitter:title" content="Parade of Fans for Houston’s Funeral">
<meta name="twitter:description" content="NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.">
<meta name="twitter:image" content="http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg">

 

[Christina S]

Can someone walk me thru how to setup up twitter card on my xenforo website correctly. Thank you.

 

[zadow]

Can someone walk me thru how to setup up twitter card on my xenforo website correctly. Thank you.

go into admin panel
then Appearance >Templates
search template open_graph_meta
in template under

    <meta property="og:site_name" content="{$xenOptions.boardTitle}" />
    <xen:if is="{$avatar}"><meta property="og:image" content="{$avatar}" /></xen:if>
    <meta property="og:image" content="{xen:helper fullurl, @ogLogoPath, 1}" />
    <meta property="og:type" content="{xen:if $ogType, $ogType, article}" />
    <meta property="og:url" content="{xen:raw $url}" />
    <meta property="og:title" content="{xen:raw $title}" />

insert twitter card

    <meta property="og:site_name" content="{$xenOptions.boardTitle}" />
    <xen:if is="{$avatar}"><meta property="og:image" content="{$avatar}" /></xen:if>
    <meta property="og:image" content="{xen:helper fullurl, @ogLogoPath, 1}" />
    <meta property="og:type" content="{xen:if $ogType, $ogType, article}" />
    <meta property="og:url" content="{xen:raw $url}" />
    <meta property="og:title" content="{xen:raw $title}" />
    <meta name='twitter:card' content='summary_large_image'/>
    <meta name='twitter:image:src' content='http://i.imgur.com/YourImage.jpg'/>
    <meta name='twitter:site' content='@YourTwittername'/>
    <meta name='twitter:url' content={$requestPaths.fullUri}/>
    <xen:if is="{$description}"><meta property="og:description" content="{xen:raw $description}" /></xen:if>
    {xen:raw $ogExtraHtml}
    <xen:if is="{$xenOptions.facebookAppId}"><meta property="fb:app_id" content="{$xenOptions.facebookAppId}" /></xen:if>
    <xen:if is="{$xenOptions.facebookAdmins}"><meta property="fb:admins" content="{xen:helper implode, {$xenOptions.facebookAdmins}, ','}" /></xen:if>

validate your card at twitter https://cards-dev.twitter.com/validator

tweet any page and see if the picture turns up in twitter, can take a minut

if trouble shoot you may have to make a token etc for you forum to get it to work.
in admin forum options twitter and make a twitter app https://apps.twitter.com/

 

[Christina S]

I am seeing the card in summary, however no picture. More help please.

 

[Christina S]

Do I need to make any changes to the twitter code you posted above for my own xenforo website?

 

[zadow]

its self explainable
link to your own picture and profile

<meta name='twitter:card' content='summary_large_image'/>
<meta name='twitter:image:src' content='http://i.imgur.com/YourImage.jpg'/>
<meta name='twitter:site' content='@YourTwittername'/>
<meta name='twitter:url' content={$requestPaths.fullUri}/>

 

[Christina S]

Alright, I am not sure I am understanding all this, so please bear with me. So if I post a tweet to twitter I get a blank card, no image. And its looking like a summary card.

So here is what I tested, I posted a tweet from our forum to twitter, when I did it did not show the avatar of the poster of that thread, it was blank, even if I do a new post and then tweet it same thing. Blank? Can you give me a little more help please.

 

[zadow]

did you upload a image you wanna use for your twitter card
that what the
<meta name='twitter:image:src' content='http://i.imgur.com/YourImage.jpg'/>

is for

also
<meta name='twitter:url' content={$requestPaths.fullUri}/>
is using the same image on all tweets, no matter where in your forum it is tweeted from.