1. #1
    Sencha User existdissolve's Avatar
    Join Date
    Jan 2010
    Location
    Kansas
    Posts
    522
    Answers
    31
    Vote Rating
    85
    existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice

      0  

    Default Answered: Google+ and Facebook Sharing

    Answered: Google+ and Facebook Sharing


    Love the new Google+ sharing! Is there any way to use the title of the Fiddle for the title of the Google+ and Facebook sharing links? Currently, it simply inserts the generic title of the Fiddle site itself, whereas Twitter uses the title of the Fiddle.

    Just a "nice to have". Thanks!

  2. @existdissolve so as a thanks for the mention in your latest blog about Fiddle (thanks btw), I added some <meta> elements to the head for the Open Graph. Admittedly this is my first time using them but seems to be working. Since hash isn't sent to the server you have to send a URL parameter for the server to setup the meta nodes. The link from the share links have been updated but the URL should be like http://fiddle.sencha.com/?fiddle=abc#fiddle/abc where abc us the fiddle id. Will be working on it more but pasting a URL into Facebook manually seems that it's working perfectly.

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,327
    Answers
    3540
    Vote Rating
    849
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    The issue that I found out is that since the link uses hash that information is of course not sent to the server so there isn't a way the server can detect and set the title. However, still going to look into some possibilities to how it works.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha User existdissolve's Avatar
    Join Date
    Jan 2010
    Location
    Kansas
    Posts
    522
    Answers
    31
    Vote Rating
    85
    existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice

      0  

    Default


    Quote Originally Posted by mitchellsimoens View Post
    The issue that I found out is that since the link uses hash that information is of course not sent to the server so there isn't a way the server can detect and set the title. However, still going to look into some possibilities to how it works.
    I've not done this personally, but does something like this work? https://developers.google.com/+/web/snippet/

    M
    aybe microdata or Open Graph protocols could be used?

  5. #4
    Sencha User
    Join Date
    Aug 2013
    Location
    London
    Posts
    10
    Vote Rating
    -1
    ShariWilkins is an unknown quantity at this point

      0  

    Default


    This would just be great..
    .

  6. #5
    Sencha User existdissolve's Avatar
    Join Date
    Jan 2010
    Location
    Kansas
    Posts
    522
    Answers
    31
    Vote Rating
    85
    existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice

      0  

    Default


    Quote Originally Posted by existdissolve View Post
    I've not done this personally, but does something like this work? https://developers.google.com/+/web/snippet/

    M
    aybe microdata or Open Graph protocols could be used?
    In thinking about this in more depth (and having to pull it off for one of my own projects), I realized that this is not an insignificant thing to do. Since Google/Facebook read the Open Graph data from the meta tags, the information has to be there when the page is crawled...so obviously modifying those tags with JS after the fact is not going to be particularly helpful.

    The way I'm going to approach it on my project is to have a special end point which will render the correct document meta for Open Graph's purposes when the link is crawled, and then redirect to the appropriate fragment in the actual application. We'll see how it works.

  7. #6
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,327
    Answers
    3540
    Vote Rating
    849
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    @existdissolve so as a thanks for the mention in your latest blog about Fiddle (thanks btw), I added some <meta> elements to the head for the Open Graph. Admittedly this is my first time using them but seems to be working. Since hash isn't sent to the server you have to send a URL parameter for the server to setup the meta nodes. The link from the share links have been updated but the URL should be like http://fiddle.sencha.com/?fiddle=abc#fiddle/abc where abc us the fiddle id. Will be working on it more but pasting a URL into Facebook manually seems that it's working perfectly.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  8. #7
    Sencha User existdissolve's Avatar
    Join Date
    Jan 2010
    Location
    Kansas
    Posts
    522
    Answers
    31
    Vote Rating
    85
    existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice

      0  

    Default


    Quote Originally Posted by mitchellsimoens View Post
    @existdissolve so as a thanks for the mention in your latest blog about Fiddle (thanks btw), I added some <meta> elements to the head for the Open Graph. Admittedly this is my first time using them but seems to be working. Since hash isn't sent to the server you have to send a URL parameter for the server to setup the meta nodes. The link from the share links have been updated but the URL should be like http://fiddle.sencha.com/?fiddle=abc#fiddle/abc where abc us the fiddle id. Will be working on it more but pasting a URL into Facebook manually seems that it's working perfectly.
    That's awesome! I definitely appreciate the responsiveness that you've had to requests on this forum...Fiddle is turning into a very awesome tool!

    Thanks again