search

malmostad / sitevision_assets

Sitevision specific assets used in addition to Global Assets
http://malmostad.github.io/wag-external-v4/
GNU Affero General Public License v3.0
0 stars 1 forks source link

Open Graph #175

Closed olajoh1 closed 9 years ago

olajoh1 commented 10 years ago

Open Graph för att styra cards på twitter och facebook.

martent commented 10 years ago

@Svempan, om vi ska peka mot en Malmö-logga som FB, Twitter, G+ och andra ska använda i sina "cards", kan vi ha den på en URL någonstans som inte riskerar att ändras? En fil i filarkivet som vi sätter rättigheter på och sen pekar ett alias mot om ni vill flytta den?

Svempan commented 9 years ago

Fixa loggan så fixar jag alias

martent commented 9 years ago

Jag har lagt loggan i mappen huvudred i bildarkivet och tagit bort alla rättigheter och lagt till publik (som kryssas ur när man gör föregående). Men jag kan inte lägga till alias, det funkar inte att klicka på "Browse"-knappen i den dialogen på mac. Fixar du det @Svempan?

https://malmo.se/images/18.1388f79a149845ce3b91896/1415273326770/logo-for-sharing.png

Lämpligt alias är: https://malmo.se/logo-for-sharing.png

Svempan commented 9 years ago

Fixat

martent commented 9 years ago

@Esset, nu kan ni fixa metadata enligt förlaga i prototypen, t.ex.: http://malmostad.github.io/prototypes/external/body-copy-18/

och skarpt på t.ex.: http://webapps07.malmo.se/blogg/2014/10/27/arkitekturens-funktion/

og: och twitter:-data. Använd sunt förnuft för vad vi kan få ut som är meningsfullt.

legander commented 9 years ago

Har lagt upp ett test på testmalmose, kika vettja!

martent commented 9 years ago

Detta är en bra lägstanivå.

@olajoh1, detta går inte att testa skarpt på test eftersom de sociala tjänsterna inte kommer åt test-miljön så du kan testa av det först när det går ut i prod i 4.3. Twitter, Facebook och Google+ ska täckas. Testa resultatet genom att klistra in en URL från framförallt en artikelsida och jämför med innan. Presentationen ser olika ut i tjänsterna beroende på om man kör webb eller mobila klienter.

Svempan commented 9 years ago

Eftersom det bara går att testa i prod så är det väl bara att deploya och så kan jag testa sen.

olajoh1 commented 9 years ago

Vilket är gjort

Svempan commented 9 years ago

Har testat lite i FB och det beter sig lite konstigt. Vissa nyheter har får inga bilder, andra får med en hårt beskuren logga. Jag förstår inte varför.Se ex nedan: ingabilder_nyheter2 ingabilder_nyheter fb_logga logga_igen

martent commented 9 years ago

Jag testade att lägga på vit yta på sidan så att den blir 200x200 istf 150x200 men det gör ingen skillnad. Kan vara så att FB cachar externa resurser, avvaktar och testar igen.

Google+ ser bra ut hos mig.

Twitter verkar inte alls hämta upp data, men det kan vara så att bara andra användare ser Twitter-cards? Jag får inte längre upp några från Bloggen eller video.malmo.se vilket funkat tidigare.

martent commented 9 years ago

Postar jag den nyhet du testade med @Svempan på Facebook kan jag korrekt som användare välja mellan loggan och artikelbilen.

http://malmo.se/Huvudnyheter/2014-11-23-Samhallsradgivning-till-nyanlanda.html

martent commented 9 years ago

Den första som postar en artikel men en viss bild får tydligen inte upp bilden i previewen, det är först när Facebot har cachat upp den. Här har vi nog ett problem med formatet, Facebot har cachat upp den gamla loggan.

@Esset, skulle du kunna ändra namn i metataggarna för og:image och twitter:image:src från https://malmo.se/logo-for-sharing.png till: https://malmo.se/logo-sharing.png och samtidigt ändra aliaset i SV prod till det nya namnet så får vi se om beskärningen av bilden fixar sig.

Facebooks Facebot klagar på redirecter: @Esset ta bort www. i og:url

Vill man att användaren inte ska kunna välja bild (posta t.ex. en nyt.com-länk) så får man även ange <meta property="fb:app_id" content="xxxxx"/>. @Svempan, kan någon med tillgång till FB-kontot "Malmö Stad" (sic!) lägga till en OpenGraph-app och får ut ett app_id? Bilden de lägger in bör då vara densamma som via har aliaset till.

martent commented 9 years ago

@Esset, avvakta med att göra några ändringar. Det verkar var Facebots som beskär efter vita ytor i bilden. Jag labbar lite.

martent commented 9 years ago

Problemet med att Facebot beskär bilder baserat på översta vänstra pixeln löste jag genom att lägga en tunn kantlinje runt loggan med korrekt avstånd. Micke ville dock att jag skulle ändra till en svag grå bakgrund vilket har samma effekt på Facebots beskärning så nu är det så:

http://malmo.se/logo-share.png

Jag var tvungen att byta namn på aliaset för att Facebot skulle få bort den gamla ur sin cache.

Observerat att: Det är inte alltid bilden visas i förhandsgranskning i FB. Ibland måste man posta och köra reload på sidan, Facebot hämtar in den lite fördröjt.

Observerat också att: På sidor där det finns bilder väljer FB ibland att välja någon av dessa istället, och ibland att presentera ett val för användaren som kan välja.

Svempan commented 9 years ago

Ser ut att funka nu