[howto] Adding Facebook features (via FBML)

philwareham · 2011-07-05 20:47:52

I’ve just posted a blog on integrating Facebook features (comments, like buttons etc) into your textpattern articles. Hope you find it useful…

Facebook integration with Textpattern CMS

jstubbs · 2011-07-05 21:15:34

Thanks to Phil for this excellent tutorial, also now published on TXP Tips under Implementing Facebook services on Textpattern articles via FBML.

Tutorials like these are the purpose of the site – I hope other community members will continue to come forward with their simple tips or complex tutorials for the benefit of our entire community. All submissions are welcome.

Thanks Phil!

hcgtv · 2011-07-05 23:24:35

Phil, you’re missing a ‘c’ in Flikr.

<li class="social" id="flikr"><a href="http://www.flickr.com/photos/design-hive/" title="see our photos on Flikr (opens external site in new window)" rel="external">see our photos on Flikr</a></li>

tye · 2011-07-06 01:37:21

Thanks Phil – timing is perfect :)

I’ll look through this later today

giampablo · 2012-05-25 18:47:01

In this line
<meta property=“og:image” content=”<txp:site_url />images/style/site-logo.png”>
you cannot replace the static site brand image with <txp:article_image />.
Textpattern will replace this tag with the <img src=”…” /> HTML tag.
The etz plugin does not help either.

Is there any way to strip out the html part and get just the URL assigned to the article?

Gocom · 2012-05-26 00:58:05

giampablo wrote:

Is there any way to strip out the html part and get just the URL assigned to the article?

See images and image_url tags. E.g.

<meta property="og:image" content="<txp:images><txp:image_url /></txp:images>" />

giampablo · 2012-05-26 09:40:21

OK. Thanks for your solution.

I was aware that images can be used as a container tag and in context-sensitivity mode it returns first the article image field, if on an individual article page.
I forgot that it can be used as a container tag.

As a side note, I get this html

<meta property="og:image" content="http://www.mysite.com//images/99.jpg">

with a double // before images/
Not a big problem, since the image path still works. But I see the same problem in other cases.
So, I guess if there is something wrong in my setup.

philwareham · 2012-05-26 10:06:30

Please note that facebook FBML is deprecated now in favour of better solutions. The opengraph format is still relevant though

Corfitz Ulfeldt · 2012-09-10 20:43:33

Hi Phil, thanks for this!

I’m trying to implement facebook OG meta in the new 4.5 version using this method:

<txp:if_individual_article> <txp:output_form form=“myformname” />
</txp:if_individual_article>

I’ve put it with the other meta tags on the default page, but when i go to an individual article the content isnt being outputtet. I’ve trying using other content between the <txp:if_individual_article> tags but i can’t get anything to show up. Any ideas?

uli · 2012-09-10 21:06:26

Corfitz Ulfeldt wrote:

but when i go to an individual article the content isnt being outputtet. I’ve trying using other content between the <txp:if_individual_article> tags but i can’t get anything to show up. Any ideas?

I’d assume you’re using article_custom, which never creates individual article context, and not article. If this isn’t the reason, please open a new topic in the How Do I forum, your question isn’t about Facebook, and this topic here should remain manageable and helpful for people looking for … adding Facebook features :)

Corfitz Ulfeldt · 2012-09-10 21:27:56

Right you are, sorry! Originally posted the Q in Phills blog and was advised to take it here instead, my mistake.

philwareham · 2012-12-06 08:06:47

Facebook has a html5 option now along with their JavaScript API, so I’d recommend that over FBML, which is being phased out.

Textpattern CMS

Textpattern CMS support forum

#1 2011-07-05 20:47:52

[howto] Adding Facebook features (via FBML)

#2 2011-07-05 21:15:34

Re: [howto] Adding Facebook features (via FBML)

#3 2011-07-05 23:24:35

Re: [howto] Adding Facebook features (via FBML)

#4 2011-07-06 01:37:21

Re: [howto] Adding Facebook features (via FBML)

#5 2012-05-25 18:47:01

Re: [howto] Adding Facebook features (via FBML)

#6 2012-05-26 00:58:05

Re: [howto] Adding Facebook features (via FBML)

#7 2012-05-26 09:40:21

Re: [howto] Adding Facebook features (via FBML)

#8 2012-05-26 10:06:30

Re: [howto] Adding Facebook features (via FBML)

#9 2012-09-10 20:43:33

Re: [howto] Adding Facebook features (via FBML)

#10 2012-09-10 21:06:26

Re: [howto] Adding Facebook features (via FBML)

#11 2012-09-10 21:27:56

Re: [howto] Adding Facebook features (via FBML)

#12 2012-12-06 08:06:47

Re: [howto] Adding Facebook features (via FBML)

Board footer