Bible Pay

Development Discussion => Enhancements in Development => Topic started by: sunk818 on August 01, 2018, 11:23:56 AM

Title: Twitter summary cards
Post by: sunk818 on August 01, 2018, 11:23:56 AM
It has come to my attention that the images auto-selected by Twitter for https://biblepay.org is not ideal.

You will see BiblePay's default is a money bag. See attachment. Not a good look on Twitter.

If you look at Compassion.com as an example, they have a filipino girl as the card image.

We can set a different image for Twitter to use. This is explained in more detail here: https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/summary.html

This is what Compassion.com's code looks like. You put the meta tags in the head section before the body tag:

Quote
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="Make helping the poor part of your legacy. Start by sponsoring a child today." />
<meta name="twitter:title" content="Sponsor a Child - Compassion International" />
<meta name="twitter:site" content="@compassion" />
<meta name="twitter:domain" content="www.compassion.com" />
<meta name="twitter:image:src" content="http://www.compassion.com/multimedia/sponsor-a-child-smiling-filipino-girl.jpg" />
<meta name="twitter:creator" content="@compassion" />

Worse case, an image like this is certainly better than the money bag: http://pool.biblepay.org/images/180180.png

Ideally, a custom image that fits the square and summarizes the goal of BiblePay would be better. An image that conveys Jesus call to help the poor.
Title: Re: Twitter summary cards
Post by: jaapgvk on August 12, 2018, 10:27:43 AM
Thanks! I'm going to fix this :)

Edit: fixed!
(Any feedback is appreciated.)
Title: Re: Twitter summary cards
Post by: sunk818 on August 30, 2018, 12:05:08 AM
Looks great!


Thanks so much for fixing this!


(https://i.imgur.com/6AbNYLY.jpg)
Title: Re: Twitter summary cards
Post by: Rob Andrews on July 15, 2020, 10:20:42 AM
Thanks! I'm going to fix this :)

Edit: fixed!
(Any feedback is appreciated.)

Thanks Jaap.