twitter sharing and Summary Card

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • bendiesel
    Senior Member
    • Jan 2018
    • 235
    • 5.3.x

    twitter sharing and Summary Card

    Hi, please i need help about sharing on twitter,

    using the share button on VB5.4.4, i couldn't succeed to have correct sharing on twitter like this:

    Click image for larger version

Name:	twitter pic.png
Views:	162
Size:	118.1 KB
ID:	4401768

    when i tested the link on "card validator" on twitter, i get this:

    Click image for larger version

Name:	twitter pic2.png
Views:	121
Size:	14.7 KB
ID:	4401769

    is there any setting on VB or should i deal with labyrinthine twitter docs ?

    thank you for help ?
  • Wayne Luke
    vBulletin Technical Support Lead
    • Aug 2000
    • 74118

    #2
    There are no settings for these. We don't include the missing fields. We should include the og:title field.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud demonstration site.
    vBulletin 5 API

    Comment

    • bendiesel
      Senior Member
      • Jan 2018
      • 235
      • 5.3.x

      #3
      i hope that a dedicated field will be included in next version, Please have you idea about the correct place to add manually the below meta tags to VB site, this is the example provided by Twitter:

      Code:
      <meta name="twitter:card" content="summary" />
      <meta name="twitter:site" content="@flickr" />
      <meta name="twitter:title" content="Small Island Developing States Photo Submission" />
      <meta name="twitter:description" content="View the album on Flickr." />
      <meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg" />

      i really appreciate your help

      Comment

      • glennrocksvb
        Former vBulletin Developer
        • Mar 2011
        • 4021
        • 5.7.X

        #4
        If twitter:title is not present, then it looks for og:title and then for <title> tag. I have a mod that works for Twitter Card and it doesn't generate twitter:title but it still works. See HTML meta tags generated by the mod and the sample output in the Twitter Card validator tool below.

        HTML Code:
        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:site" content="@vbmodsthatrocks" />
        <meta name="twitter:creator" content="@vbmodsthatrocks" />
        <meta property="og:url" content="https://vbmods.rocks" />
        <meta property="og:title" content="Free &amp; Premium vBulletin Mods by an ex-vB Developer - vBulletin Mods That Rock!" />
        <meta property="og:description" content="Free &amp; premium vBulletin modifications, plugins, addons, widgets, CORE hacks, JS hacks, vBCloud hacks, custom coding &amp; more by Glenn, an ex-vBulletin Developer." />
        <meta property="og:image" content="https://vbmods.rocks/images/vbmods-rocks-logo-large2.png" />
        <meta property="og:updated_time" content="1541251555" />

        Click image for larger version

Name:	twitter.png
Views:	181
Size:	657.7 KB
ID:	4401909

        Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

        Comment

        • glennrocksvb
          Former vBulletin Developer
          • Mar 2011
          • 4021
          • 5.7.X

          #5
          And here's another sample for topic detail page with dynamic title and image (first attached image in a topic)

          HTML Code:
          <meta name="twitter:card" content="summary_large_image" />
          <meta name="twitter:site" content="@vbmodsthatrocks" />
          <meta name="twitter:creator" content="@vbmodsthatrocks" />
          <meta property="og:url" content="https://vbmods.rocks/forum/vbulletin-5-modifications/vbulletin-5-products-and-extensions/1350-open-graph-meta-tags-for-facebook-and-twitter-and-all-social-media-sites" />
          <meta property="og:title" content="Open Graph Meta Tags for Facebook and Twitter and all social media sites - vBulletin Mods That Rock!" />
          <meta property="og:description" content="Content is king. But what is a king without followers? In this day and age, when you want your forum to reach a broader audience, you'd share on social media. The" />
          <meta property="og:image" content="https://vbmods.rocks/filedata/fetch?type=large&amp;id=1351" />
          <meta property="og:updated_time" content="1541251803" />
          Click image for larger version

Name:	twitter2.png
Views:	175
Size:	1.24 MB
ID:	4401911


          Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

          Comment

          • bendiesel
            Senior Member
            • Jan 2018
            • 235
            • 5.3.x

            #6
            thank you Glenn for help, but from where i am it's complicated to pay in dollars or euros to fix this issue

            Comment

            widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
            Working...