TeamRaiser and Facebook Open Graph

Alex Bernardin

hey folks,

 

  I'm working on tweaking the Facebook Open Graph tags ( og: ) that we're using in one of our wrappers. I'd love to see examples of clever coding that people have done to make sexy customizations.  Anyone have a good example?

 

  We're already setting an explicit image reference, buyt I'm considering ways to improve how the link preview appears on facebook when a personal page URL is shared. Perhaps clever things done to personalize the title or description to the participant?

 

thanks

Will Hull

Please try this in your head meta data of your Pagewrapper.

<!-- Begin Open Graph Content -->

[[?x[[S334:pg]]x::xpersonalx::<meta name="og:description" content="[[E130:"[[C1:title_field]]" ".." "" replaceall ]] [[E48:[[S42:0:fr-id]]:cons.first_name:screenname]] [[E48:[[S42:0:fr-id]]:cons.last_name:screenname]]" /><meta name="og:url" content="[[S8]]"><meta property="og:image" content="https://[[S29:SECURE_DOMAIN]]/smcf[[E130:"[[C4:graphic_upload]]" ".." "" replaceall ]]" />::[[?x[[S334:pg]]x::xteamx::<meta name="og:description" content="Join/Donate to the [[E48:[[S334:fr_id]]-[[S1:cons_id]]:team-name]] team" /"><meta name="og:url content="[[S8]]"><meta property="og:image" content="https://[[S29:SECURE_DOMAIN]]/smcf[[E130:"[[C4:graphic_upload]]" ".." "" replaceall ]]" />::<meta name="og:title" content="[[E42:[[S42:0:fr-id]]:title:true]]"><meta name="og:description" content="A [[S0:SITE_NAME]] Peer-to-Peer Fundraising Event."><meta name="og:url" content="[[S8]]"><meta name="og:image" content="https://[[S29:SECURE_DOMAIN]]/smcf/images/content/pagebuilder/slide-1-[[?x1x9x::x[[S4]]x::[[S334:FR_ID]]::[[S42:0:fr-id]]]].jpg">]]]]

<!-- End Open Graph Content -->

One thing you need to replace in the above code is the text, wherever it appears "smcf" because that is the shortname of a given client's account. How to find the shortname for your Luminate Online instance is when you are on a donation page or another secure page (e.g. such as an admin page) where it says https://secure3.convio.net/[shortname]/... or https://secure2.convio.net/[shortname]/. Where it says [shortname] in the preceding sentence, you want to use that and put it in where you see "smcf" in the above code. I hope this helps.

What this code does is throws in a conditional, where it says, if you are on the Personal page, display the personal page title and image and description. Then it says, if you are not on the personal page, but on the team page, then display the team page title, image and description. Then on the final part of the conditional, it says, if you are not on either the personal or team page, then display this content as the title (pulls in the public event title), image and description of the event.

I hope this helps.