Want to share donations made on facebook after the donation has been processed?

Ryan O'Keefe

I've enabled social sharing on my website for events and teamraisers, but I'm having trouble trying to figure out a way to post a "donation made" on facebook.   I would like to have it ask the donor before the Thank You page appears, to share their donation on their facebook page. Is this possible.?

Kent Gilliam

This really isn't possible because the donation has yet to be processed and there's no seamless functionality. Also, I think any kind of connection to Facebook like this would have issues with the secure setting of your form.

 

One thing you might test is having a shadowbox appear when the "thank you" page loads. This would put the share opportunity right out in front of them. Let me know if you want more info. We have a free shadowbox kit at www.convio.com/free_kits.

 

 

Ryan O'Keefe

Kent Gilliam:

This really isn't possible because the donation has yet to be processed and there's no seamless functionality. Also, I think any kind of connection to Facebook like this would have issues with the secure setting of your form.

 

One thing you might test is having a shadowbox appear when the "thank you" page loads. This would put the share opportunity right out in front of them. Let me know if you want more info. We have a free shadowbox kit at www.convio.com/free_kits.

 

 

Kent,

 

Thanks for reply.  If I do the shadow tbox, would this enable the user/donor an opportunity to put in the amount they donated?  Or would it be best for me to put the share button on the Thank You page?  I've seen shadow boxes before, but I'm not sure how it would work within the social share function. 

Kent Gilliam

Ryan O'Keefe:

Kent,

 

Thanks for reply.  If I do the shadow tbox, would this enable the user/donor an opportunity to put in the amount they donated?  Or would it be best for me to put the share button on the Thank You page?  I've seen shadow boxes before, but I'm not sure how it would work within the social share function. 

I think you could get creative with some S-tags that would put the amount into a shared feature. I've never tested trying to share an amount but I don't know why it couldn't be done. The only issue I could see is if the system couldn't read the amount fast enough to render in a conditional. Also, I'm not sure how the share function would carryover a S-tag field. Let me contact some Web Dev team members and see if they have any thoughts/recommendations. It may be tomorrow but I'll get back to you.

 

Kent

Michael Lott 2

Ryan O'Keefe:

Kent,

 

Thanks for reply.  If I do the shadow tbox, would this enable the user/donor an opportunity to put in the amount they donated?  Or would it be best for me to put the share button on the Thank You page?  I've seen shadow boxes before, but I'm not sure how it would work within the social share function. 

You do need to get creative with S tags (isn't that what they're for? :-) ), but it's possible to automatically include the amount someone just donated in a Facebook share on the Thank You page. This also should work in a lightbox/shadowbox if implemented on the thank-you page. 

 

The trick is that Facebook reads the metadata from the page that is being shared - so you need to pass the amount in the URL of the page. As for the page being shared, I like to use a blank pagebuilder page with a redirect to whatever page you actually want people directed to - that allows you to easily edit the metadata on the blank pagebuilder page.

 

Here's the link you would use on the thank you page if you wanted to share the amount:

 

http://www.facebook.com/sharer/sharer.php?u=[[T1HAREDPAGEURL?amount=[[S120:dc:giftAmount]]]]

 

[[T1: ]] just URLencodes the full URL so there isn't trouble with custom characters; [[S120:dc:giftAmount]] should pull the amount someone just donated. SHAREDPAGEURL here is just a placeholder for the URL of the PageBuilder page w/custom metadata and redirect (or other page with custom metadata). If there are other URL parameters in the SHAREDPAGEURL (if you used the Pagebuilder page syntax with SPageServer?pagename=Facebook_Share_Redirect, for example), the ? in my example would need to be an ampersand for proper URL parameter string syntax.

 

Then, on the shared page, you need to edit the metadata to pull the gift amount out of the URL with the S334 tag (which renders the value of a URL parameter). So, if you wanted the gift amount in to appear the title, you would use this code in the wrapper of the shared page:

 

<meta property="og:title" content="I just donated [[S334:amount]]" />

 

If the URL includes amount=$50.00 (as it would if I donated $50 and shared the link with the S120 tag in it), that will render as:

 

<meta property="og:title" content="I just donated $50.00" />

 

and should pull through when Facebook reads the page for metadata!

 

You can also pass pretty much any data available on a thank-you page through the URL by appending additional &parametername=[[S tag]] and pull them into the metadata for title or description with [[S334arametername]]. You can also get fancy with passing things to trigger conditionals in the metadata if you really want to go down the rabbit hole.

 

In theory, this may also work with the Facebook "like" button functionality (if the Facebook like code "liked" SHAREDPAGEURL?amount=[[S120:dc:giftAmount]] ).

Ryan O'Keefe

Mike Lott:

You do need to get creative with S tags (isn't that what they're for? :-) ), but it's possible to automatically include the amount someone just donated in a Facebook share on the Thank You page. This also should work in a lightbox/shadowbox if implemented on the thank-you page. 

 

The trick is that Facebook reads the metadata from the page that is being shared - so you need to pass the amount in the URL of the page. As for the page being shared, I like to use a blank pagebuilder page with a redirect to whatever page you actually want people directed to - that allows you to easily edit the metadata on the blank pagebuilder page.

 

Here's the link you would use on the thank you page if you wanted to share the amount:

 

http://www.facebook.com/sharer/sharer.php?u=[[T1HAREDPAGEURL?amount=[[S120:dc:giftAmount]]]]

 

[[T1: ]] just URLencodes the full URL so there isn't trouble with custom characters; [[S120:dc:giftAmount]] should pull the amount someone just donated. SHAREDPAGEURL here is just a placeholder for the URL of the PageBuilder page w/custom metadata and redirect (or other page with custom metadata). If there are other URL parameters in the SHAREDPAGEURL (if you used the Pagebuilder page syntax with SPageServer?pagename=Facebook_Share_Redirect, for example), the ? in my example would need to be an ampersand for proper URL parameter string syntax.

 

Then, on the shared page, you need to edit the metadata to pull the gift amount out of the URL with the S334 tag (which renders the value of a URL parameter). So, if you wanted the gift amount in to appear the title, you would use this code in the wrapper of the shared page:

 

<meta property="og:title" content="I just donated [[S334:amount]]" />

 

If the URL includes amount=$50.00 (as it would if I donated $50 and shared the link with the S120 tag in it), that will render as:

 

<meta property="og:title" content="I just donated $50.00" />

 

and should pull through when Facebook reads the page for metadata!

 

You can also pass pretty much any data available on a thank-you page through the URL by appending additional &parametername=[[S tag]] and pull them into the metadata for title or description with [[S334arametername]]. You can also get fancy with passing things to trigger conditionals in the metadata if you really want to go down the rabbit hole.

 

In theory, this may also work with the Facebook "like" button functionality (if the Facebook like code "liked" SHAREDPAGEURL?amount=[[S120:dc:giftAmount]] ).

Hey Mike,

 

I'm going to be working on this for next few days and see how it turns out. Thanks so much for detailed instructions with the S tags.