Facebook Share in Participant Center

Paul Joiner 3

I'm working on a TeamRaiser event for No Kid Hungry. The Facebook share button in the Participant Center fails with the message "An error occurred."


I've logged in to NKH's Janrain account and it appears to be properly configured. The reporting there shows Facebook shares through today (Feb 10).


This particular PC has no custom JavaScript to interfere with normal funtion. In Cons360 > Social Media > Open Authentication, the Janrain API key and domain match.


I managed to get Charles Proxy working and found this error message in the response:

janrain.engage.share.postContent({
  "provider": "facebook",
  "error": {
    "message": "Could not get facebook identifier from session"
  }
});

 

Can anybody point me to possible places for the misconfiguration?

 

Lisa Nichols 3

I'm having the exact same issue with all of my Colon Cancer Alliance TRs. The participant centers are all showing the old Gigya code for the social share, and not the Janrain configuration. I made sure the participant centers are upgraded, and the sharing was all working when we did the initial switch over from last year. Any idea what's happening?

Paul Joiner 3

Lisa,


Thanks for the reply. I haven't found an answer yet but I did notice a big, glaring, red downgrade notice on all the Participant Centers. I've not got permission from my client to downgrade their PCs so I can't know if that fixes the issue.

 

Jeremy Reynolds

Paul Joiner:

Lisa,


Thanks for the reply. I haven't found an answer yet but I did notice a big, glaring, red downgrade notice on all the Participant Centers. I've not got permission from my client to downgrade their PCs so I can't know if that fixes the issue.

 

As far as I know, Gigya loads throughout all Convio sites and is a known bug that they haven't fixed for whatever reason (my guess is that it's too intertwined with Convio's base templating engine to remove easily). Wouldn't hurt to make some noise with your CSM about it.


Overall, it's annoying but the old library seems to be more or less harmless. It'll throw javascript console warning for the missing APIkey, and might causing a hit to your page load (though I think it's asyncronus).


S203 should render the Janrain sharing code for you, though. You can also implement the Janrain code directly by putting it into an S51 or something (copy/paste code available in your janrain dashboard "widgets" section, or take a look at how other convio customers have used it if you want to get really fancy).

Paul Joiner 3

Paul Joiner:

I'm working on a TeamRaiser event for No Kid Hungry. The Facebook share button in the Participant Center fails with the message "An error occurred."

...

In case anyone else runs into this, I've tried following the suggestions above to no avail. I've fully upgraded all my participant centers and added some heavy handed custom JavaScript to replace the share component. It's kludgy but it works. For the Facebook link, I used the app ID generated by http://watershedshare.com/. The default custom.js file has several pre-configured require() segments. I chose the one that fires after the PC is fully loaded. Note that I hijacked the shareAction setting for the FB share image.

YAHOO.Convio.PC2.Utils.require("pc2:registrationLoaded", "pc2:constituentLoaded", "pc2:configurationLoaded", "pc2:wrapperLoaded", function() {
  YAHOO.log("Registration, Constituent, Configuration, and Wrapper are all loaded.", "debug", "custom.js");
  
  Y.use("jquery-noconflict", function(Y) {
    var shareURL         = encodeURIComponent(YAHOO.Convio.PC2.Data.personalPageUrl),
       shareTitle       = encodeURIComponent(YAHOO.Convio.PC2.Data.shareTitle),
       shareDescription = encodeURIComponent(YAHOO.Convio.PC2.Data.shareMessage),
       shareImage       = encodeURIComponent(YAHOO.Convio.PC2.Data.shareAction);

    // @formatter:off
    jQuery('#sharing-sidebar-janrain')
      .append('<div id="personalShare">' +
              '<h3>Share this campaign</h3>' +
                   '<ul class="socialLinks">' +
                      '<li><a class="facebook" target="_blank" href="' +
                        'https://www.facebook.com/dialog/feed?app_id=966242223397117&link=' +
                       shareURL +
                        '&picture=' +
                        shareImage +
                        '&name=' +
                        shareTitle +
                        '&description=' +
                        shareDescription +
                       '&redirect_uri=http%3A%2F%2Fwww.facebook.com%2F&display=popup' +
                        '">Facebook</a></li>' +
                      '<li><a class="twitter" target="_blank" href="' +
                        'http://twitter.com/intent/tweet?text=' +
                        shareDescription +
                        '%20' +
                       shareURL +
                        '">Twitter</a></li>' +
                   '</ul>' +
                 '</div>');
    // @formatter:on
  }); // end Y.use("jquery-noconflict"...
});