hey folks,
I'd like to add Facebook's Open Graph protocol to the <meta> section of each page's <head>.
Details: https://developers.facebook.com/docs/opengraph/.
What need I modify to drop this in? Anyone else done this? Thanks!
Running OJS 2.2.3 with currently no hope of upgrade (tried; fails).
thanks /
tobias.
Facebook Open Graph protocol implementation
Moderators: jmacgreg, michael, jheckman, barbarah, btbell, bdgregg, asmecher
Forum rules
Developer Resources:
Documentation: The OJS Technical Reference and the OJS API Reference are both available from the OJS Documentation page.
Git: You can access our public Git Repository here. Comprehensive Git usage instructions are available on the wiki.
Bugzilla: You can access our Bugzilla report tracker here.
Search: You can use our Google Custom Search to search across our main website, the support forum, and Bugzilla.
Questions and discussion are welcome, but if you have a workflow or usability question you should probably post to the OJS Editorial Support and Discussion subforum; if you have a technical support question, try the OJS Technical Support subforum.
Developer Resources:
Documentation: The OJS Technical Reference and the OJS API Reference are both available from the OJS Documentation page.
Git: You can access our public Git Repository here. Comprehensive Git usage instructions are available on the wiki.
Bugzilla: You can access our Bugzilla report tracker here.
Search: You can use our Google Custom Search to search across our main website, the support forum, and Bugzilla.
Questions and discussion are welcome, but if you have a workflow or usability question you should probably post to the OJS Editorial Support and Discussion subforum; if you have a technical support question, try the OJS Technical Support subforum.
2 posts
• Page 1 of 1
Facebook Open Graph protocol implementation
by tobiascvanveen » Sun Jun 19, 2011 1:09 pm
- tobiascvanveen
- Posts: 14
- Joined: Sun Sep 12, 2010 1:33 pm
Re: Facebook Open Graph protocol implementation
by jmacgreg » Tue Jun 21, 2011 3:24 pm
Hi Tobias,
This looks pretty neat, actually. I'm guessing that you primarily want to have the like option show up in your articles, correct? There are a few ways you could do this. The easiest would be to simply manually add the meta code to the relevant template file -- for articles, that would be templates/article/header.tpl, for the main site header that would be templates/common/header.tpl (or lib/pkp/templates/common/header.tpl in OJS 2.3+).
You'll want to dynamically print relevant article information within the meta tags, as well, for example, abstract text in the "og:description" meta field, which you should be able to do by using the following Smarty variable:
(That IIRC may not work in OJS 2.2.x -- let us know.)
Then you'll want to add the code for the Like button to one of the templates/article/... template files, depending on where you want it to show up. That should be fairly straightforward.
You could probably also do this as a system plugin. Take a look at some of the generic plugins and their code to get an idea on how to do this. For example, the generic/coins plugin and generic/googleAnalytics both add information to page footers. You can adapt these methods to add information to the page header.
If you have any specific questions, please let us know. If you do end up going the plugin route, we'd be happy to help; and also would be very happy if you were willing to share the plugin with the community.
One final note -- if you do manage to upgrade to a more recent version of OJS, you will find that there is now an "addThis" option available for journals, which allows for easy social sharing of articles online. See http://www.addthis.com/ for more information.
Cheers,
James
This looks pretty neat, actually. I'm guessing that you primarily want to have the like option show up in your articles, correct? There are a few ways you could do this. The easiest would be to simply manually add the meta code to the relevant template file -- for articles, that would be templates/article/header.tpl, for the main site header that would be templates/common/header.tpl (or lib/pkp/templates/common/header.tpl in OJS 2.3+).
You'll want to dynamically print relevant article information within the meta tags, as well, for example, abstract text in the "og:description" meta field, which you should be able to do by using the following Smarty variable:
- Code: Select all
{$article->getLocalizedAbstract()|strip_unsafe_html|nl2br}
(That IIRC may not work in OJS 2.2.x -- let us know.)
Then you'll want to add the code for the Like button to one of the templates/article/... template files, depending on where you want it to show up. That should be fairly straightforward.
You could probably also do this as a system plugin. Take a look at some of the generic plugins and their code to get an idea on how to do this. For example, the generic/coins plugin and generic/googleAnalytics both add information to page footers. You can adapt these methods to add information to the page header.
If you have any specific questions, please let us know. If you do end up going the plugin route, we'd be happy to help; and also would be very happy if you were willing to share the plugin with the community.
One final note -- if you do manage to upgrade to a more recent version of OJS, you will find that there is now an "addThis" option available for journals, which allows for easy social sharing of articles online. See http://www.addthis.com/ for more information.
Cheers,
James
James MacGregor
PKP Support Team
--
Questions? Before posting, please try:
Advanced Forums Search
OJS and OCS Documentation
Video Tutorials
Visit #PKP on IRC!
PKP Support Team
--
Questions? Before posting, please try:
Advanced Forums Search
OJS and OCS Documentation
Video Tutorials
Visit #PKP on IRC!
- jmacgreg
- Posts: 4153
- Joined: Tue Feb 14, 2006 10:50 am
2 posts
• Page 1 of 1
Who is online
Users browsing this forum: No registered users and 2 guests