Closed olajoh1 closed 9 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?
Fixa loggan så fixar jag alias
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
Fixat
@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.
Har lagt upp ett test på testmalmose, kika vettja!
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.
Eftersom det bara går att testa i prod så är det väl bara att deploya och så kan jag testa sen.
Vilket är gjort
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:
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.
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
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.
@Esset, avvakta med att göra några ändringar. Det verkar var Facebots som beskär efter vita ytor i bilden. Jag labbar lite.
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.
Ser ut att funka nu
Open Graph för att styra cards på twitter och facebook.