Making Open Offers Facebook Friendly

[amykirschner]

@ziyan-junaideen related to #201

My online marketing person looked at staging (and loved it!). She wants to easily be able to move offers into facebook. She said you could add code (Opengraph?) so that the photo and header would be read by facebook.

[ziyan-junaideen]

Ya that is correct. We need to add meta information. I will add meta information for

• Facebook
• Twitter

And perhaps you want to add a FB share button and a tweet button as well?

[ziyan-junaideen]

Easily move offers to FB or other social media could also be inferred as automated posting. That involves adding meta data and little more. The behavior would be like...

posting to one page (VRL @ Facebook)

• Admin goes to a page
• Clicks on login with Facebook (which we will ask for permission to post to timeline)
• Once you accept, we will be given a token (for the persons personal page, or any other Facebook page the person manages)
• When ever we create a new post we will automatically ping Facebook with the data

This can be added to a per user behavior too. This uses the 'open graph api' provided by facebook.

[ziyan-junaideen]

That said to clarity...

If we add just meta details...

• The user will visit the page
• Get the URL
• Copy it and paste it in the social media post

If we add a share button / tweet button...

• There will be 1 or more buttons for each social media account setup
• User clicks on it
• A pop up window will show up
• This still requires the meta information as it is what they will use to find the title, a summary, and the image.

[amykirschner]

@ziyan-junaideen good idea though let's save the share buttons and auto posts for a future issue. For now I just want the simple meta details. Thanks!

[amykirschner]

@ziyan-junaideen I closed the photo issue so let's circle back here. Thanks!

[ziyan-junaideen]

I will start on this.

[ziyan-junaideen]

Is it alright to add a 'summary' field to the offer. The idea is to have a tweet long (about 180 char) short version to show up in the FB share.

Check this image and you will understand.

[amykirschner]

Hmm. Can you just take the first 180 from the description field? I don't want to add another field for the users. I could instruct them to be precise with the first few sentences. Would that work? (Fingers crossed)

[ziyan-junaideen]

I moved the share button to be just under the title.

• Currently only available in open offers individual view
• If required we can have it on offers (logged in) which will share the public (open offers) url
• The button could also include how many times a share has been done, but I think since we don't expect much it might be good to to leave it out (ex: 0 shares doesn't look nice)

You can see what type of buttons are there (under Layout) here: Share Button Configurator

[amykirschner]

Let's go with button. I like the counts but we're not that popular so it may work against us. "They only have 1 share?!?" :)

[amykirschner]

yes, let's put button on internal page too to be consistent

[ziyan-junaideen]

You can have a look at staging. its deployed.

[ziyan-junaideen]

Sure, I will add it to the internal pages.

[amykirschner]

great! looks good on staging!

[ziyan-junaideen]

@amykirschner : I implemented the fb share for logged in section as well. But its behavior is a little different from the public side.

The way the page is loaded the usual fb share dialog doesn't work. I added an image and the share window to open in a new tab. I just pushed the updates.

[amykirschner]

hmmm - not seeing in production, public or logged in. maybe I checked too early.

[ziyan-junaideen]

i only pushed to staging... shall i push to production as well?

[amykirschner]

oh sorry - go ahead and push to production. Thanks!

[ziyan-junaideen]

I am about the updates of this and the header link to production.

[amykirschner]

@ziyan-junaideen the photo isn't coming through on this one for me or my social media mgr. ideas?

[amykirschner]

maybe a "featured image" option in the code somewhere.

[ziyan-junaideen]

Let me check, you mean when sharing the photo doesn't show?

[ziyan-junaideen]

Indeed, it is missing the image specificiation. But it shows in staging.

[ziyan-junaideen]

@amykirschner : should be fixed.

[amykirschner]

@ziyan-junaideen thank you!