Author Topic: Free VirtueMart Open Graph Meta Tag Plugin  (Read 9292 times)

Jumbo!

  • 3rd party VirtueMart Developer
  • Full Member
  • *
  • Posts: 590
  • Software Developer {PHP, JavaScript, jQuery, ...}
    • www.virtueplanet.com
  • VirtueMart Version: 3.2.4
Free VirtueMart Open Graph Meta Tag Plugin
« on: December 20, 2012, 21:12:32 pm »


Most of the VirtueMart websites are using Facebook Like button widget in their websites. But when a person click on the like button you need to pass correct structured data to Facebook so that your product information gets displayed correctly with correct product image on the liker's timeline. So it is just not about liking your page but let people know what exactly they like. It brings greater business possibility to your online store and help retain customers. And the only way to pass correct information to Facebook is through OGP tags. That's exactly what this plugin does within a minute.

VM OG Meta Tag Plugin enables you to integrate your Joomla and VirtueMart website into the Open Graph Protocol. The Open Graph Protocol enables you to integrate your Web pages into the social graph. By adding Open Graph tags to the of your website, you can classify and describe the content you attach Like buttons to. This allows Facebook to present the right image, category, and other information about your site when Likes of your content appear in news feed stories and user profiles. Your page will show up in the same places that Facebook pages show up around the site (e.g. search), and you can target ads to people who like your content. The structured data you provide via the Open Graph Protocol defines how your page will be represented on Facebook.

It not only take care of the VirtueMart pages but also take of your general Joomla Pages and Articles. You can even using the plugin in the site which does not use VirtueMart.

It's a FREE plugin can be downloaded and used by everyone without any limitation.

Compatible to Joomla! 3, Joomla 2.5, VirtueMart 3, VirtueMart 2.6 and VirtueMart 2.0.

Detailed Product Description: http://www.virtueplanet.com/blog/vm-og-meta-tag-joomla-plugin/index.php

Free Download: http://www.virtueplanet.com/category/10-vm-og-meta-tag-plugin

We have installed this plugin on our VP ProMart Template demo site. Check the source code of the site to see the OGP Meta Tags on any page. Click on the Like button on product details page and you will find the product details with correct product image in your Facebook timeline.

Link of the demo sites:
VirtueMart 2: http://demos.virtueplanet.com/promart/
VirtueMart 3: http://demos.virtueplanet.com/merchant/


Jumbo!

  • 3rd party VirtueMart Developer
  • Full Member
  • *
  • Posts: 590
  • Software Developer {PHP, JavaScript, jQuery, ...}
    • www.virtueplanet.com
  • VirtueMart Version: 3.2.4
Re: Free VirtueMart Open Graph Meta Tag Plugin
« Reply #1 on: June 15, 2013, 14:58:45 pm »
VM OG Meta Tag Plugin has been update. The latest version 1.1 of the plugin is now available in your site.

Jumbo!

  • 3rd party VirtueMart Developer
  • Full Member
  • *
  • Posts: 590
  • Software Developer {PHP, JavaScript, jQuery, ...}
    • www.virtueplanet.com
  • VirtueMart Version: 3.2.4
Re: Free VirtueMart Open Graph Meta Tag Plugin
« Reply #2 on: March 31, 2015, 10:10:20 am »
VM OG Meta Tag Plugin has been update to version 3.0. Now it is compatible to Joomla! 3, Joomla 2.5, VirtueMart 3, VirtueMart 2.6 and VirtueMart 2.0.

franayala

  • Jr. Member
  • **
  • Posts: 67
Re: Free VirtueMart Open Graph Meta Tag Plugin
« Reply #3 on: May 05, 2015, 21:18:17 pm »
Hi Jumbo!

And how to get the Facebook App Unique ID to configure the plugin?

Thanks!
www.cuidadicos.es - Natural suplements and beauty

Jumbo!

  • 3rd party VirtueMart Developer
  • Full Member
  • *
  • Posts: 590
  • Software Developer {PHP, JavaScript, jQuery, ...}
    • www.virtueplanet.com
  • VirtueMart Version: 3.2.4
Re: Free VirtueMart Open Graph Meta Tag Plugin
« Reply #4 on: May 14, 2015, 21:15:06 pm »
  • Login to Facebook
  • Go to Facebook Developers Application page : https://developers.facebook.com/apps
  • Choose one app that you set up for a target before
  • Within the description, you will find APP ID.

hk

  • Jr. Member
  • **
  • Posts: 117
Re: Free VirtueMart Open Graph Meta Tag Plugin
« Reply #5 on: May 16, 2015, 13:18:14 pm »
Hi Jumbo,

Is there any Set Up documentation for this plugin?

I just downloaded and installed. Aftering providing the App ID and making the plugin Enabled, it crashed with below error:
Parse error: syntax error, unexpected T_STATIC in /home/xxxx/public_html/plugins/system/vmogmetatag/vmogmetatag.php on line 59

Can you please assist.

Joomla version: 2.5.20

Jumbo!

  • 3rd party VirtueMart Developer
  • Full Member
  • *
  • Posts: 590
  • Software Developer {PHP, JavaScript, jQuery, ...}
    • www.virtueplanet.com
  • VirtueMart Version: 3.2.4
Re: Free VirtueMart Open Graph Meta Tag Plugin
« Reply #6 on: May 18, 2015, 22:45:03 pm »
The setup of the plugin is extremely straight forward. You just need to fill up the information fields in the plugin and enable it.

You are seeing PHP error in your site. Which version of PHP are you using in your site?

hk

  • Jr. Member
  • **
  • Posts: 117
Re: Free VirtueMart Open Graph Meta Tag Plugin
« Reply #7 on: May 19, 2015, 11:57:05 am »
Hi Jumbo!,

My PHP version is 5.2.17
Once I delete the vmogmetatag.php file, my site is up. So I guess its something to do with the plugin.
Can you please check.

Jumbo!

  • 3rd party VirtueMart Developer
  • Full Member
  • *
  • Posts: 590
  • Software Developer {PHP, JavaScript, jQuery, ...}
    • www.virtueplanet.com
  • VirtueMart Version: 3.2.4
Re: Free VirtueMart Open Graph Meta Tag Plugin
« Reply #8 on: May 19, 2015, 12:11:11 pm »
The plugin needs PHP 5.3+. PHP 5.2 is not supported.

hk

  • Jr. Member
  • **
  • Posts: 117
Re: Free VirtueMart Open Graph Meta Tag Plugin
« Reply #9 on: May 19, 2015, 12:35:04 pm »
Thanks for the info!
Let me use the plugin after I get my PHP upgraded.

Can you let me know, what is the purpose of Facebook App ID for this plugin?

Jumbo!

  • 3rd party VirtueMart Developer
  • Full Member
  • *
  • Posts: 590
  • Software Developer {PHP, JavaScript, jQuery, ...}
    • www.virtueplanet.com
  • VirtueMart Version: 3.2.4
Re: Free VirtueMart Open Graph Meta Tag Plugin
« Reply #10 on: May 19, 2015, 15:32:33 pm »
You can track the shares and do many other things with your own App ID. To learn more visit: https://developers.facebook.com/docs/opengraph/getting-started

jjk

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 3167
  • using Piwik instead of Google Analytics
Re: Free VirtueMart Open Graph Meta Tag Plugin
« Reply #11 on: January 30, 2017, 22:31:29 pm »
Hi Jumbo!
just wanted to let you know that there might be a problem with version 3.0 of this plugin when using the latest VirtueMart 3.0.19.x. When I have the plugin enabled, VM category views don't switch language with the first click on a language flag in a multilingual shop. After the first click some meta tags fail to switch their language. See here:
http://forum.virtuemart.net/index.php?topic=136543.msg477296#msg477296
However, as far as I can see, the plugin doesn't use onAfterInitialise in the code, as described by Milbo in the forum thread.
Non-English Shops: Are your language files up to date?
http://virtuemart.net/community/translations

Jumbo!

  • 3rd party VirtueMart Developer
  • Full Member
  • *
  • Posts: 590
  • Software Developer {PHP, JavaScript, jQuery, ...}
    • www.virtueplanet.com
  • VirtueMart Version: 3.2.4
Re: Free VirtueMart Open Graph Meta Tag Plugin
« Reply #12 on: January 31, 2017, 23:49:14 pm »
Thanks jjk. I will check it.

Venci Gentchev

  • Jr. Member
  • **
  • Posts: 135
    • Bulgarian Computer Store
Re: Free VirtueMart Open Graph Meta Tag Plugin
« Reply #13 on: July 22, 2017, 15:59:07 pm »
First I want to thank Jumbo for the great plugin.

I have the following question:
The pictures of my products are 1000x1000 pixels. When shared on Facebook, the top and bottom of the photos are missing. Accordingly they look very bad. Is there salvation for this?
The only thing I have as an idea is that maybe the product picture should be less than 400x400 pixels. Then the photo will remain on the left and the text on the right.
I do not know. Please give an idea.


Something else - I noticed is that Facebook has a problem with the weight of the product if it's in kilograms.
I do not know why, but the following data is provided: weight: units "content =" KG" (in capital letters).
So I have to make the following changes to the vmogmetatag.php:
from:
$this->setData('product:weight:units', $product->product_weight_uom);
to:
$this->setData('product:weight:units', strtolower($product->product_weight_uom));

Once again I thank you for the plugin. I've tried many others (including some have bought), but this plugin is, in my opinion, the best.
No pain, no gain, no site!

Jumbo!

  • 3rd party VirtueMart Developer
  • Full Member
  • *
  • Posts: 590
  • Software Developer {PHP, JavaScript, jQuery, ...}
    • www.virtueplanet.com
  • VirtueMart Version: 3.2.4
Re: Free VirtueMart Open Graph Meta Tag Plugin
« Reply #14 on: July 24, 2017, 07:28:58 am »
Thanks for your input on product weight unit.

Facebook shares expect your images to be is a specific proportion. Use images that are at least 1200 x 630 pixels for the best display on high resolution devices. At the minimum, you should use images that are 600 x 315 pixels . Refer to this Facebook documentation to learn more - https://developers.facebook.com/docs/sharing/best-practices