Van Picasaweb en Google+ naar Google Photos
Sinds eind 2015 is Google bezig geweest met het overschakelen van Picasaweb naar Google Photos.
In de zomer van 2016 was het dan zover en was Picasaweb alleen nog maar te benaderen als een foto-archief.
Alle albums die in het verleden met Picasaweb waren gemaakt, konden nog wel bekeken worden, maar verder konden ze niet meer worden bewerkt.
Vervolgens bleek al snel dat het met Google Photos nog wel mogelijk was om foto’s te uploadren en er vervolgens albums van te maken, maar de albums konden niet worden ingesteld als toegankelijk voor Publiek.
En dat is waar Joomla-extensies zoals Phoca Gallery en OZIO Gallery mee werken.
Gelukkig is ontwikkelaar Sven Bluege aan de slag gegaan en heeft een online tool gemaakt waarmee het wel weer mogelijk is om een album Publiek te maken.
Update februari 2017:
In februari heeft Google de API geblokkeerd die het mogelijk maakt om albums als PUBLIC in te stellen.
Daardoor konden albums niet meer via de bekende Joomla-extensies worden getoond.
Bestaande albums kunnen nog wel worden getoond,, maar een nieuw album kan dus niet meer zichtbaar worden gemaakt op de website.
Van Phoca Gallery heb ik nog geen informatie of die inmiddels een aanpassing heeft gedaan.
Maar op 20 februari kwam OZIO Gallery met versie 4.8.0
Daarmee is het weer mogelijk om Google Photos-albums op de Joomla-website te tonen.
Update januari 2022:
OZIO Gallery wordt niet meer doorontwikkeld voor Joomla! 4.
De optie om Google foto';s eenvoudig te koppelen met de Joomla!-website wordt dus minder eenvoudig.
Een nieuw alternatief is om dit te doen met Event Galery
Wat tegenwoordig ook interessant is om te gebruiken is Balbooa Gallery en dan de foto's op de hostingserver plaatsen als webp-afbeeldingen.
Oorspronkelijke formaten zoals JPG en PNG kunnen met behulp van IrfanView in batch geconcerteerd worden naar webp.
Een webp-afbeelding is vele malen kleiner in bestandsgroote en daardoor prima geshikt voor opslaan op de eigen hostingruimte..
De Google Photos API klaarmaken voor Event gallery
In de back-end van Joomla kan in de extensie Event Gallery het Client ID en Secret ID van Google Photos API worden ingesteld.
Om die ID's te krijgen moeten er op developer.google.com een aantal stappen worden doorlopen.
Die zijn in Event Gallery in een filmpje heel goed uitgelegd.
Voor wie de stappen liever leest gen uitvoert, staan ze hieronder beschreven:
Open: https://developer.google.com
Scroll helemaal naar beneden en open Google API console
Maak eerst een nieuw project aan.
Geef het project een naam. Bijvoorbeeld “Event Gallery connector”.
En druk op Create.
Selecteer rechtsboven het nieuwe project om het te openen.
Druk linksboven op Library.
Type op de zoekregel Photos.
Klik daarna op Photos Library API.
Klik op de knop Enable.
Eve wachten en dan verschijnt het API dashboard.
Ga terug naar het project door te klikken op het hamburgermenu en kies daar voor APIs & Service.
Kies daar voor Enabled APIs & Services
Configureer eerst OAuth concent screen.
Selecteer External en klik op Create
Typ de app-naam in. Bijvoorbeeld “Event gallery Connector”
Vul onerApp Domain de Application Home Page in. Dat is het websiteadres.
En zet onder Autorized Domains het domein van de website. Dat is dus zonder https:// Klik daarvoor (indien nodig) eerst op Add domain.
Zet onder Developer Contact Information een e-mailadres van de beherder.
Druk daarna op Save and Continue.
Het instellen van Scopes is niet nodig dus klik nogmaals op Save and Continue.
Klik bij Test Users op Add Users. Vul daar het Google e-mailadres in men druk op Add.
Druk op Save and Continue.
Er verschijnt nu een overzicht van alles wat is ingesteld. Klik op Back to dashboard.
Klik in de linker kolom op Domain verification.
Indien niet eerder is gedaan moet hier het domein worden ingevuld.
Klik daarna in de linker kolom op Credentials.
Klik dan bovenin op Create credentials en selecteer OAuth Client ID.
Selecteer Web Application.
Onder Autorized Jacascript Options moet de URL worden ingevoerd. Klik op AddURL
En klik op Create.
Nu verschijnen de client ID’s. Kopieer deze bijvoorbeeld naar Kladblok.
Ga nu naar de Joomla-website-backend.
Ga naar Componenten / Event Gallery.
Open Google Photos Account.
Klik bovenin op Nieuw.
Vul een naam voor dit account in. Bijvoorbeeld Event Gallery Connector.
Zet de Client ID en de Client Secret-codes in de velden.
Klik op Opslaan.
Klik op Get Refresh Token.
Klik op Select your Google account.
Kopieer in de pop-up de redirect URL.
Ga terug naar de Google OAuth instellingen.
Klik op Add URL bij Autorized redirect URLs en plak de redirect URL daar in.
Klik op Save.
Als het goed is kan het Google account worden gekozen.
Daarmee is het proces afgerond en kunnen albums met Event Gallery op de website getoond worden.
Foto’s uploaden en album maken in Google Photos
Ga eerst naar Google Photos op: https://www.google.com/photos/about/?hl=nlKlik op: “Ga naar Google Photos” en log in met je Google-account.
Na inloggen verschijnt het scherm van Google Photos.
Klik op het uploadteken naast de + aan de bovenkant van het scherm om foto’s te gaan uploaden.
Selecteer lokaal op de PC/laptop de te uploaden foto’s.
Na het uploaden staan de foto’s in Google Photos.
Klik op de onderste “Albums” en daarna op “Album maken”.
Klik nu een voor een op de foto’s die onderdeel van het album moeten worden.
Meerdere tegelijk selecteren kan door er één aan te klikken, daarna de muis erboven te houden, de Shift-toets in te drukken en vervolgens een foto verderop aan te klikken. Hierdoor zijn alle tussenliggende foto’s geselecteerd.
Klik na het selecteren rechtsboven op “Maken”.
Nu wordt het album getoond.
Typ bij Naamloos de gewenste naam van het nieuwe album in en klik daarna linksboven op het Vinkje. Het album is nu klaar.
Het album als Publiek (Public) instellen
Tot februari 2017 was het mogelijk om met de online tool van Sven Bluege op: http://www.svenbluege.de/picasa/v1.1/# een album als Public om te zetten.Met de aanpassingen die Google daarna deed werkt dit niet meer.
Google-album aan Phoca Gallery koppelen
Onderstaande uitleg is sinds februari 2017 niet meer uitvoerbaar, omdat Google het systeem heeft gewijzigd.Open de administrator back-end van de Joomla!website.
Ga dan naar: Componenten / Phoca Gallery / Categorieën
Klik rechtsboven op ‘Nieuw’.
De volgende velden moeten worden ingevuld:
- Title: Dit is de titel van het album.
Tip: Zet voor de naam eerst een omgekeerde datum, zodat elke album op volgorde in het overzicht van albums wordt getoond. Bijvoorbeeld: jaar-maand-dag_albumnaam. - Selecteer de Hoofdcategorie. Dat is de categorie waartoe dit album behoort. Als het album bij een bovenliggende categorie van bijvoorbeeld een bepaald jaar behoort, moet die categorie hier worden gekozen.
De Picasa-user is de gebruikersnaam van het Google-account of het gekopieerde Album ID uit de tool van Sven.
Het Picasa album is het Album ID dat ook uit de tool van Sven is gekopieerd.
De kan leeg gelaten worden omdat het album hierboven al voor Publiek gedeeld is.
- Nu moeten de foto’s nog vanuit het Google-album worden geïmporteerd. Klik daarvoor helemaal rechtsboven op de knop “Picasa Importeren”.
Het proces is gereed als de tekst “Item opslaan geslaagd.” Verschijnt in een blauwe balk. - Klik op “Opslaan & Sluiten” om het maken van het Google-album in Phoca Gallery af te sluiten.
Artikel maken met een Google-album erin
Let op: Voor deze actie moet in de Joomla!-site de Content Button-plugin geïnstalleerd en geactiveerd zijn.
Gebruik om een artikel te maken de handleiding: “Nieuw artikel toevoegen”
Blijf in het artikelbeheer-scherm om de Phoca Gallery-foto’s toe te voegen.
Meestal wordt een serie foto’s onderaan de tekst gezet.
Zorg dus voor twee regels witruimte en klik dan op de knop “Phoca Gallery Image”. Die knop staat onder het artikel.
Om de hele serie foto’s uit het aangemaakte album te tonen, moet worden gekozen voor de keuze ”Images” in het pop-upscherm dat verschijnt.
Selecteer bovenaan de Category die net is aangemaakt.
Scroll naar beneden en klik op “Code invoegen”.
De code wordt nu in het artikel getoond.
Omdat foto’s nooit direct de hele voorpagina mogen vullen, moet er een ‘Lees meer…’balk worden toegevoegd.
Ga daarvoor één regel boven de nieuwe code in het artikel staan en klik op de knop ‘Lees meer’ net onder het artikel. Daarmee wordt de ‘Lees meer’balk toegevoegd.