grants-stack icon indicating copy to clipboard operation
grants-stack copied to clipboard

Feature Request: meaningful link previews

Open marsrobertson opened this issue 1 year ago • 1 comments

Current state:

image

Better preview:

image

This is managed by the metatags. For my personal purposes I'm doing this combination:

  <meta property="og:title" content="Impact Evaluation Foundation (IEF)"/>
  <meta property="og:image" content="../preview-grant.jpg""/>
  <meta property="og:site_name" content=""/>
  <meta property="og:description" content="Meeting place for all the things impact / externalities / cobenefits"/>

  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:site" content="@ImpactEvalFDN">
  <meta name="twitter:creator" content="@marsXrobertson">
  <meta name="twitter:title" content="Impact Evaluation Foundation (IEF)">
  <meta name="twitter:description" content="Meeting place for all the things impact / externalities / cobenefits">
  <meta name="twitter:image" content="../preview-grant.jpg">

Some of them can be retrieved from the title. Some of them can be provided via additional fields.

Generation of the image can be a bit tricky. The simplest way: each project in the round has the same preview that is optimised for the round "donate for our GG21 grant in CCN"

A little bit more but still doable could be https://imagemagick.org + reuse cover photo / profile photo + merge / overlay with Gitcoin logo

Optionally, probably not needed for this use case: run a headless browser and save screenshot as preview.jpg.


In case you want to see it live: https://impactevaluation.foundation/grant?🌱🌱🌱

Redirect in the following way:

  <script type="text/javascript">
    window.location.replace("https://explorer.gitcoin.co/#/round/42161/388/70");
  </script>

Some other way didn't work well with Telegram, adding some stuff after ? to refresh the preview.

EDIT / UPDATE: of course need to ensure correct aspect ratio. Yesterday optimising for TG, misaligned on FB: image

marsrobertson avatar Aug 10 '24 19:08 marsrobertson

Can i get assigned?

onyedikachi-david avatar Oct 11 '24 16:10 onyedikachi-david

Has this been resolved?

philix27 avatar Dec 19 '24 02:12 philix27

is it still open?

snehaa-eth avatar Jan 29 '25 11:01 snehaa-eth