• Joomla
  • Zoo
  • Widgetkit
  • Zopim
  • Warp
  • KeeForm
  • openvz
  • Free
  • Joomla
  • Zoo
  • Widgetkit
  • Zopim
  • Warp
  • KeeForm
  • openvz
  • Free

Twitter Cards for Zoo

4.0/5 rating (3 votes)
  • Updated: 14 November 2014
  • File size: 9.67 KB
  • Version: 0.9 beta
  • Author: yoonique[.]net
BETA
joomla 2.5
joomla 3.x
zoo 3.1
plugin
This plugin is still _beta_. So please do not use on any live site! As always, please backup and test in a sandbox first.

This Twitter Cards plugin for Zoo lets you easily customize the Twitter Cards tags that are inserted into each Zoo item on your site (but not categories or tags).

The "Twitter Cards protocol" is simply a method of including meta information in a web page to allow Twitter to accurately represent the page's content when it is linked to in Twitter. For example, if you have no Twitter Cards or Open Graph meta tags on a page, Twitter will typically select a random image on the page to represent the content of the page; with the tags, you can specify what image should be shown when someone shares that particular page.

Please read more about the Twitter Cards Protocol at Facebook's official documentation for more detailed information.

You can control the following tags (copied from twitter.com):

Summary Card
twitter:card Should be set to a value of "summary"
twitter:title Title should be concise and will be truncated at 70 characters.
twitter:description A description that concisely summarizes the content of the page, as appropriate for presentation within a Tweet. Do not re-use the title text as the description, or use this field to describe the general services provided by the website. Description text will be truncated at the word to 200 characters.
twitter:image URL to a unique image representing the content of the page. Do not use a generic image such as your website logo, author photo, or other image that spans multiple pages. The image must be a minimum size of 120x120px. Images larger than 120x120px will be resized and cropped square based on its longest dimension. Images must be less than 1MB in size.
Summary Card with large image
twitter:card Should be set to a value of "summary_large_image"
twitter:title Title should be concise and will be truncated at 70 characters.
twitter:description A description that concisely summarizes the content of the page, as appropriate for presentation within a Tweet. Do not re-use the title text as the description, or use this field to describe the general services provided by the website. Description text will be truncated at the word to 200 characters.
twitter:image:src URL to a unique image representing the content of the page. Do not use a generic image such as your website logo, author photo, or other image that spans multiple pages. Images for this Card should be at least 280px in width, and at least 150px in height. Image must be less than 1MB in size.
Photo Card
twitter:card Must be set to a value of "photo"
twitter:title The title of your content as it should appear in the card. You may specify an empty string if you wish no title to render.
twitter:image A URL to the image representing the content. Image must be less than 1MB in size.
twitter:image:width Providing width in px helps us more accurately preserve the aspect ratio of the image when resizing.
twitter:image:height Providing height in px helps us more accurately preserve the aspect ratio of the image when resizing.
Gallery Card
twitter:card Must be set to a value of "gallery"
twitter:title The title of your content as it should appear in the card. You may specify an empty string if you wish no title to render.
twitter:description A description of the content in a maximum of 200 characters.
twitter:image0 A URL to the image representing the first photo in your gallery. Image must be less than 1MB in size.
twitter:image1 A URL to the image representing the second photo in your gallery. Image must be less than 1MB in size.
twitter:image2 A URL to the image representing the third photo in your gallery. Image must be less than 1MB in size.
twitter:image3 A URL to the image representing the fourth photo in your gallery. Image must be less than 1MB in size.
Product Card
twitter:card Must be set to a value of "product"
twitter:title The title of your content as it should appear in the card. You may specify an empty string if you wish no title to render.
twitter:description A description of the content in a maximum of 200 characters.
twitter:image A URL to the image representing the content. Image must be less than 1MB in size.
twitter:image:width Providing width in px helps us more accurately preserve the the aspect ratio of the image when resizing.
twitter:image:height Providing height in px helps us more accurately preserve the the aspect ratio of the image when resizing.
twitter:data1 This field expects a string, and you can specify values for labels such as price, items in stock, sizes, etc.
twitter:label1 This field also expects a string, and allows you to specify the types of data you want to offer (price, country, etc.).
twitter:data2 This field expects a string, and you can specify values for labels such as price, items in stock, sizes, etc.
twitter:label2 This field also expects a string, and allows you to specify the types of data you want to offer (price, country, etc.).

Installation Instructions

  1. Download, install and configure the latest version of Zoo. Before proceeding, ensure Zoo is functioning normally. If the plugin doesn't work then most likely your Zoo version would be outdated. Please upgrade before asking for support.
  2. Download the zip file, unzip and install either the j25 or j3x version with menu Extensions -> Install.
  3. Enable the plugin with menu Extensions -> Plugin Manager.
  4. Navigate to the settings of your Zoo app (via Zoo's Cog Wheel).
  5. You should be able to see the new Twitter Cards layouts (column Extension Layouts)
  6. Assign elements to Twitter Cards positions.
  7. That should be it. If you have any questions, please post in the forum.

Categories

Joomla, Zoo
100 Days Access and Support 10 Days Access and Support
$18 $14

100 days of full access to our support forum and download area for all our Zoo extensions.

10 days of full access to our support forum and download area for all our Zoo extensions.