NAVIGATION
[[Like Button]]
Differences
This shows you the differences between two versions of the page.
|
3rd-party-modules:social_plugins:social-plugins-docu:social-plugins-docu-facebook:social-plugins-docu-facebook-like1 [2012/05/21 13:31] Peter Bracher |
3rd-party-modules:social_plugins:social-plugins-docu:social-plugins-docu-facebook:social-plugins-docu-facebook-like1 [2018/06/03 18:08] (current) |
||
|---|---|---|---|
| Line 3: | Line 3: | ||
| ====== Like Button ====== | ====== Like Button ====== | ||
| - | It's important to know that changes you do to an already published Like Button will be scraped by Facebook within the next 24 hours. The page is also scraped when an admin for the Open Graph page clicks the Like button and when the URL is entered into the [[http://developers.facebook.com/tools/lint/|Facebook URL Linter]] - you need to enter your exact URL in the Linter to be sure your changes are sent to Facebook immediately. | + | It's important to know that changes you do to an already published Like Button will be scraped by Facebook within the next 24 hours. The page is also scraped when an admin for the Open Graph page clicks the Like button and when the URL is entered into the [[https://developers.facebook.com/tools/debug|Facebook URL Debugger]] - you need to enter your exact URL in the Linter to be sure your changes are sent to Facebook immediately. |
| ===== Plugin Name ===== | ===== Plugin Name ===== | ||
| Line 34: | Line 34: | ||
| - Structure ID : index.php?id=XX | - Structure ID : index.php?id=XX | ||
| + | \\ | ||
| + | **New in V.1.0.1**\\ | ||
| + | Static or dynamic (as above) url setting is now possible.\\ | ||
| + | The XFBML version defaults to the current page, regardless of the settings here. | ||
| ---- | ---- | ||
| \\ | \\ | ||
| + | |||
| ===== Site Name ===== | ===== Site Name ===== | ||
| //(Required)// | //(Required)// | ||
| Line 74: | Line 79: | ||
| Example: | Example: | ||
| - | You add a 'album' typed buttom to one of your sites. | + | You add a 'album' typed button to one of your sites. |
| The user clicks the like button - the site is added to the users facebook site AND according to the type, here music and entertainment, to the users info section in Facebook.\\ | The user clicks the like button - the site is added to the users facebook site AND according to the type, here music and entertainment, to the users info section in Facebook.\\ | ||
| {{:3rd-party-modules:social_plugins:social-plugins-docu:social-plugins-docu-facebook:screenshot_sp-10.jpg|}}\\ | {{:3rd-party-modules:social_plugins:social-plugins-docu:social-plugins-docu-facebook:screenshot_sp-10.jpg|}}\\ | ||
| Line 80: | Line 85: | ||
| ---- | ---- | ||
| \\ | \\ | ||
| + | |||
| ===== Image ===== | ===== Image ===== | ||
| //(Optional)// | //(Optional)// | ||
| Line 90: | Line 96: | ||
| - the image from the module (always the same) | - the image from the module (always the same) | ||
| - | In Facebook it looks like this: | + | \\ |
| - | {{:3rd-party-modules:social_plugins:social-plugins-docu:social-plugins-docu-facebook:screenshot_sp-12.jpg?200|Image from News Entry}} | + | In Facebook it looks like this:\\ |
| - | {{:3rd-party-modules:social_plugins:social-plugins-docu:social-plugins-docu-facebook:screenshot_sp-13.jpg?200|Image from Article}} | + | | {{:3rd-party-modules:social_plugins:social-plugins-docu:social-plugins-docu-facebook:screenshot_sp-12.jpg?200|Image from News Entry}} | {{:3rd-party-modules:social_plugins:social-plugins-docu:social-plugins-docu-facebook:screenshot_sp-13.jpg?200|Image from Article}} | {{:3rd-party-modules:social_plugins:social-plugins-docu:social-plugins-docu-facebook:screenshot_sp-14.jpg?200|Image from Module}} | |
| - | {{:3rd-party-modules:social_plugins:social-plugins-docu:social-plugins-docu-facebook:screenshot_sp-14.jpg?200|Image from Module}} | + | | news image (when in news detail view) | article detail image (of article currently shown) | the image from the module (always the same) | |
| - | Images must be at least 50 by 50 pixels.\\ | + | |
| - | Square images work best, but you are allowed to use images up to three times as wide as they are tall. Max. width 250px. | + | ##**New in v1.0.5**##\\ |
| + | Images must be at least 200 by 200 pixels. Square images work best, or up to aspect ratio 1/3.\\ | ||
| The System will automatically:\\ | The System will automatically:\\ | ||
| - | * resize bigger landscape images | + | * scale down landscape images bigger than height 500px |
| - | * crop smaller landscape images | + | * crop landscape images to max. aspect ratio 1/3 |
| - | * crop bigger potrait images | + | * crop potrait images to square with width of original image or scale it down to 500px if width of original image is bigger than 500px |
| - | ---- | + | * show a warning when you try to add an image smaller than 200px either side\\ |
| \\ | \\ | ||
| + | |||
| ===== Customization ===== | ===== Customization ===== | ||
| //(Required)// | //(Required)// | ||
| Line 120: | Line 128: | ||
| ==== Facebook User Admins ==== | ==== Facebook User Admins ==== | ||
| + | |||
| + | :!: The following not seems to be supported anymore by Facebook, they change the behaviour of the plugins whenever they want :-(\\ | ||
| + | |||
| To administer your button-page on Facebook, you need to associate it with either your Facebook account or your Facebook Platform application. It is valid to associate your page with both user accounts and a Facebook Platform Application. | To administer your button-page on Facebook, you need to associate it with either your Facebook account or your Facebook Platform application. It is valid to associate your page with both user accounts and a Facebook Platform Application. | ||
| Line 141: | Line 152: | ||
| //(Optional)// | //(Optional)// | ||
| - | There are two Like button implementations: XFBML and Iframe. | + | There are two Like button implementations: XFBML/HTML5 and Iframe. |
| The XFBML version (also available in HTML5-compliant markup) is more versatile, but requires use of the JavaScript SDK. | The XFBML version (also available in HTML5-compliant markup) is more versatile, but requires use of the JavaScript SDK. | ||
| The XFBML dynamically re-sizes its height according to whether there are profile pictures to display, gives you the ability (through the Javascript library) to listen for like events so that you know in real time when a user clicks the Like button, and it always gives the user the ability to add an optional comment to the like. If users do add a comment, the story published back to Facebook is given more prominence. | The XFBML dynamically re-sizes its height according to whether there are profile pictures to display, gives you the ability (through the Javascript library) to listen for like events so that you know in real time when a user clicks the Like button, and it always gives the user the ability to add an optional comment to the like. If users do add a comment, the story published back to Facebook is given more prominence. | ||
| - | The phpwcms Social Plugins Module supports the usage of XFBML so you can use it without any hassle, just select XFBML and the script does the whole job.\\ | + | The phpwcms Social Plugins Module supports the usage of XFBML/HTML5 so you can use it without any hassle, just select XFBML or HTML5 and the script does the whole job.\\ |
| {{:3rd-party-modules:social_plugins:social-plugins-docu:social-plugins-docu-facebook:screenshot_sp-18.jpg|}}\\ | {{:3rd-party-modules:social_plugins:social-plugins-docu:social-plugins-docu-facebook:screenshot_sp-18.jpg|}}\\ | ||
| - | If you are using the XFBML version include the language code according to your needs. | + | If you are using the XFBML or the HTML5 version include the language code according to your needs. |
| //(we specially like Pirate English)// | //(we specially like Pirate English)// | ||
| ---- | ---- | ||
