Genom att integrera Google Drive med ditt WordPress-mediebibliotek får du ett smidigt sätt att hantera, lagra och komma åt dina filer direkt från din webbplats.
Du kan visa alla dina Google Drive-bilder från din instrumentpanel och spara serverutrymme. Detta kan också spara dig mycket tid och ansträngning. Dessutom är det ett bra sätt att dela filer med andra WordPress-användare utan att behöva lämna ut ditt Google-lösenord.
För att hitta det enklaste sättet att ansluta Google Drive till WordPress mediebibliotek har vi provat flera metoder och testat olika plugins. På vägen upptäckte vi att vissa alternativ var för komplicerade eller saknade viktiga funktioner, medan andra inte erbjöd den tillförlitlighet eller användarvänlighet som vi behövde.
Efter att ha testat flera lösningar hittade vi en som gör det enkelt och smidigt att ansluta Google Drive till ditt mediebibliotek.
I den här artikeln visar vi dig steg för steg hur du ansluter Google Drive till ditt WordPress-mediebibliotek.
Varför ansluta Google Drive till ditt mediabibliotek i WordPress?
Google Drive är ett av de mest populära gratis tools från Google och är ett utmärkt sätt att lagra och dela alla typer av filer, inklusive images.
Om du regelbundet uppladdar images till Google Drive kan du spara tid och arbete genom att ansluta ditt Google Drive account till mediabiblioteket WordPress.
Du kan sedan komma åt alla images i ditt Google Drive-konto direkt från WordPress dashboard.
Med denna integration på plats kan du add Google Drive images till vilken page eller post som helst med ett click på en knapp.
Hanterar du en WordPress blogg med flera författare eller godkänner du gästbloggar?
Om du delar WordPress dashboard med andra personer kan du genom att ansluta Google Drive till WordPress allow delning av images och filer utan att dela ditt password till Google.
Detta hjälper till att hålla ditt Google account säkert och gör det enklare att låsa ut personer från din Google Drive när de inte längre behöver tillgång.
Med detta sagt, låt oss se hur du kan ansluta Google Drive till ditt WordPress mediabibliotek.
Så här ansluter du Google Drive till ditt mediabibliotek i WordPress
Det enklaste sättet att ansluta Google Drive till WordPress är genom att använda JoomUnited WP Media Folder Cloud Addon Google Drive Integration.
Detta plugin och addon allow you to access Google Drive files from the WordPress media bibliotek. You kan också skapa foldrar och organisera filerna i ditt Google account.
Du kan se vår detaljerade WP Media Mapp recension för att lära dig mer.
Konfigurera tillägget WP Media Folder
Det första du behöver göra är att installera och aktivera pluginet WP Media Folder. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.
Efter aktivering kommer du att se Setup Wizard. För att komma igång klickar du på knappen ”Fortsätt till miljökontroll”.
Efter en stund visar WP Media Folder information om din WordPress-miljö, t.ex. PHP-version och Extensions.
För att fortsätta, klicka på knappen ”Fortsätt”.
Du kan nu välja om du vill inaktivera funktionerna gallery och lightbox.
Dessa funktioner allow you to create, edit, and delete folders inside the WordPress media library, så vi rekommenderar att du låter dem vara aktiverade.
När du har gjort det klickar du på knappen ”Fortsätt”.
Du kommer nu att se några extrafunktioner som du kanske vill använda. Standardinställningarna bör fungera bra för de flesta WordPress-webbplatser, men du kan aktivera de extra funktionerna med hjälp av deras reglage.
Om du t.ex. använder en page builder från WordPress kan du aktivera funktionen ”WP Media Folder on front-end”.
När du är nöjd med Settings klickar du på ”Continue”.
Efter några ögonblick kommer du att se följande message: ”You have now completed the plugin quick configuration.” (Du har nu completed snabbkonfigurationen av plugin).
När du är klar klickar du på knappen ”Go to Media Library”.
Installera WP Media Folder Cloud Addon
Därefter måste du installera och aktivera WP Media Folder Cloud addon. Du kan installera detta addon på samma sätt som du installerar ett WordPress plugin.
WP Media Folder har en automatisk connector som allow you att länka WordPress till Google Drive utan att skapa ett projekt i Google Cloud Console. Av den anledningen rekommenderar vi att du använder den automatiska kopplingen.
Men om du inte kan använda connectorn visar vi dig hur du ansluter till Google Drive manuellt i slutet av den här guiden.
För att ansluta Google Drive till ditt WordPress mediabibliotek måste du gå till Settings ” Allmänt.
Här rullar du till sektionen ”Joomunited live updates”.
Klicka sedan på ”Link my Joomunited account”.
I popupen som visas skriver du in email och password för ditt JoomUnited account.
Efter det klickar du bara på ”Logga in”.
Nu är du redo att ansluta Google Drive till din WordPress-blogg.
Gå bara till Settings ” WP Media Folder för att komma igång.
I menyn till vänster väljer du ”Cloud” och ”Google Drive”.
Här klickar du helt enkelt på ”Automatisk”.
Du kan nu gå vidare och klicka på knappen ”Anslut Google Drive”.
Hur man organiserar dina Google Drive Images
När du har anslutit dig till Google Drive kan du komma åt och organisera dina filer direkt i WordPress instrumentpanel.
Gå bara till Media ” Bibliotek och välj det nya alternativet Google Drive i menyn till vänster.
Du kan nu browsa genom alla images i din Google Drive.
Dessutom kan du filtrera och sortera dessa images eller visa fler filtyper med hjälp av raden av knappar i toolbaren.
Du kan också skapa new folders för att hantera dina images. Alla ändringar som du gör i WordPress dashboard kommer automatiskt att synkroniseras till det anslutna Google Drive-kontot.
På så sätt kan användare organisera och hantera images även om de inte har direkt tillgång till det anslutna Google-kontot.
Du kan börja med att skapa en ny folder genom att clicka på knappen ”Add New Folder”.
I popupen som visas skriver du in ett namn för foldern.
Sedan klickar du bara på ”Skapa”.
Detta skapar en new folder under Google Drive parent folder.
För att lägga till images i foldern klickar du på knappen ”Add New” och väljer sedan en fil från din lokala dator. Denna image kommer att addas till både mediabiblioteket i WordPress och ditt Google Drive account.
Om du har run din WordPress website ett tag kanske du redan har massor av images i mediabiblioteket. I så fall kan du enkelt säkerhetskopiera ditt WordPress content till Google Drive genom att uploada dessa filer till ditt Google account.
För att göra detta väljer du helt enkelt ”Mediabibliotek”.
Sedan hittar du den image som du vill uploada till Google Drive.
Du kan antingen drag and dropa imagen till den överordnade mappen i Google Drive eller till en undermapp som you har skapat.
Upprepa helt enkelt dessa steg för att organisera WordPress-filerna i ditt mediabibliotek.
Add Google Drive Images till din WordPress-webbplats
Du kan nu enkelt add to alla Google Drive images till dina WordPress pages och posts. För att göra detta lägger du bara till ett Imagely-block i WordPress content editor och klickar sedan på knappen ”Mediabibliotek”.
I mediabiblioteket i WordPress kan du antingen selecta ”Google Drive” eller välja valfri folder i Google Drive.
Du kommer nu att se alla media files som du kan add to.
Klicka bara på den fil du vill använda.
När du har gjort det kan du skriva in alt-text i bilden, lägga till captions och mycket mer på exakt samma sätt som du lägger till en image i WordPress.
När du är klar klickar du bara på knappen ”Select”. WP Media Folder kommer nu att add a image till din WordPress page eller post.
Anslut Google Drive manuellt till ditt mediabibliotek i WordPress
Om du inte vill använda WP Media Folders automatiska anslutning kan du ansluta till Google Drive manuellt i Google Cloud Console.
Skapa ett Google Cloud-projekt
För att komma igång, heada över till Google Cloud Console. Om det är första gången du besöker konsolen måste du godkänna Terms and Conditions och välja om du vill få updates via email.
När du har gjort det klickar du på ”Agree and Continue”.
Detta tar dig till Google Cloud Console.
Du måste skapa ett new projekt, så klicka på ”Select a project”.
I popupen som visas väljer du ”New Project”.
You kan nu skriva in ett namn för projektet. Detta är bara för din referens, så du kan använda vad du vill.
På den här vyn kan du också add to en valfri organisation och ändra den location där Google Cloud Console kommer att skapa ditt projekt.
När du är nöjd med den information som du har enter, gå vidare och klicka på ”Create”.
Aktivera API:et för Google Drive
Därefter väljer du ”Enabled APIs & Services” i menyn till vänster och klickar sedan på ”Enable APIs and Services”.
På den här vyn visas alla de olika API:er som du kan aktivera. Du kan till exempel visa de senaste videoklippen från din YouTube-kanal genom att aktivera YouTube Data API eller lägga till en Google-kalender i WordPress med hjälp av Calendar API.
För att ansluta Google Drive till WordPress, bläddra till avsnittet ”Google Workspace” och klicka på ”Google Drive API”.
Du kommer till en vy där du kan aktivera den nyckel som WordPress ska använda för att komma åt din Google Drive.
Det är bara att gå vidare och klicka på knappen ”Aktivera”.
Skapa ett OAuth 2.0-klient-ID
När detta är gjort öppnar du menyn genom att clicka på line icon högst upp i vänstra hörnet.
Välj sedan ”APIs & Services”, följt av ”Credentials”.
Här måste du klicka på ”Create Credentials”.
I dropdown-menyn måste du select ”OAuth client ID”.
På nästa vy klickar du på knappen ”Konfigurera skärmen för samtycke”.
Du kan nu välja om du vill skapa en intern eller extern app. Om du väljer ”Internal” kommer endast G Suite-användare inom din organisation att kunna komma åt appen. Om du väljer ”External” kommer din app att vara tillgänglig för alla som har ett Google account.
När du har fattat ditt beslut kan du klicka på ”Create”.
Nu måste du skriva in lite information om Google appen och lägga till ditt företags email address.
Du måste också skriva in det domain name där du planerar att använda applikationen.
När du har completed detta formulär, click the ”Save and Continue” button.
Genom att lägga till scopes kan du nu ange vilket innehåll appen kan komma åt och vilka åtgärder den kan utföra. Om du vill se alla olika scope för Google Drive klickar du bara på knappen ”Lägg till eller ta bort scope”.
För att add to ett scope till your projekt, behöver du bara kontrollera dess box.
Tänk bara på att Google kommer att reviewer alla scopes som är markerade som känsliga.
När du har lagt till alla scopes du vill använda måste du klicka på ”Update”.
För att gå till nästa skärm klickar du på ”Spara och fortsätt”.
I det här läget kanske du vill enter lite More information om din app, bland annat hur du planerar att använda den.
Detta steg är valfritt, men det kan hjälpa Google att kontrollera och approve ditt projekt snabbare.
När du är redo att gå vidare klickar du bara på knappen ”Save and continue”. Google kommer nu att visa en summary av all den information you har enter.
Öppna sedan menyn genom att clicka på linje-iconen och välj sedan ”oAuth Consent Screen”.
You will see that your app is currently in test mode.
För att göra den Live, gå vidare och klicka på ”Publicera app”.
Google Cloud Console kommer nu att visa lite information om extra steg som du måste vidta för att klara verifieringsprocessen. Dessa inkluderar att lägga till en länk till din Integritetspolicy och att lägga till din WordPress site till Google Search Console.
När du har läst denna information klickar du bara på knappen ”Bekräfta”.
Add Client ID:n och Client Secret till WordPress
När detta är gjort är du redo att skapa klientens ID:n och secret key.
I menyn till vänster väljer du ”Credentials”.
Klicka sedan på ”Create Credentials”.
I den dropdown som visas måste du select ”OAuth client ID”.
På nästa vy öppnar du dropdown-menyn och väljer ”Web application”.
You kan nu skriva in ett namn för din OAuth 2.0-klient. Detta är bara för din referens, så du kan använda vad du vill.
Därefter rullar du till ”Authorized JavaScript origins” section.
I fältet skriver du in din websites domain name.
Under ”Authorised redirect URIs” add to följande URL, se till att ersätta ”https://your-domain.com” med your own domain name:
https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated
När du har gjort det rullar du längst ner på vyn och klickar på ”Skapa”.
Efter några ögonblick visar Google ditt kund-ID:n och din client secret i en popup. Du kommer att behöva den här informationen, så obs/observera den på ett säkert ställe.
You can also download the information as a JSON file.
För att add to klient ID:n och klient secret till WordPress, gå till Settings ” WP Media Folder i WordPress dashpanelen.
I menyn till vänster väljer du ”Cloud” följt av ”Google Drive”.
Sedan måste du selecta ”Manual”.
När du har gjort det klistrar du bara in klient-ID:t och klientens secret i fälten ”Google Client ID” och ”Google Client Secret”.
Klicka nu på ”Anslut till Google Drive”.
I popupen som visas väljer du det Google Drive-konto som du vill använda.
You will now see some information about all the data the app will be able to access and the tasks it can perform. Kontrollera bara boxen bredvid varje behörighet som appen requestar.
Klicka sedan på ”Fortsätt”.
Slutligen klickar du på knappen ”Save Changes”.
Du har nu utan problem anslutit Google Drive till ditt WordPress mediabibliotek.
Bonus: Importera Google Docs till WordPress
Förutom att ansluta Google Drive till din website kan du också importera Google Docs till WordPress.
Om du till exempel godkänner gästposter på din website och en användare submitterar en post på Google Docs, kan du inte direkt copy and paste innehållet i block editor.
Om du gör det kommer du att få massor av oönskade HTML-taggar, och ibland kan du till och med förlora all originalformatering.
I så fall är det mycket enklare att importera Google Docs-filen än att copy and paste in innehållet i WordPress. För att göra detta kan du använda Grammarly, som är ett populärt grammatikverktyg.
Skapa bara ett konto på plattformen och klistra sedan in Google Docs content i dess editor.
När du har gjort det kommer alla HTML-taggar automatiskt att tas bort från innehållet. Du kan nu copy and paste blogginlägget i WordPress block editor där det kommer att visas i korrekt format utan HTML-taggar.
Detaljerade instruktioner finns i vår tutorial om hur du enkelt importerar Google Docs till WordPress.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du ansluter Google Drive till ditt WordPress-mediebibliotek. Du kanske också vill läsa vår guide om hur du gör en manuell säkerhetskopia av en WordPress-databas eller se vårt expertval av de bästa Dropbox-pluginsen för WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Jiří Vaněk
Is it possible to connect the plugin to only a specific folder on Google Drive, or does it see all the content? I want to know if it is possible to create a single folder on Google Drive for media files for the website, but at the same time, I don’t want the plugin to access other folders on Google Drive that are not related to the website. Is it possible to set it to access only a specific folder, or is this solution not applicable?
WPBeginner Support
It would depend on the method you are using but the plugin does have the option to have a specific folder for the content.
Administratör
Jiří Vaněk
That’s great news because I want to connect to Google Drive for my personal photos, but at the same time, I don’t want the plugin to see other content. You’ve made me very happy. Thanks!
Mrteesurez
Whaooo, this is fantastic.
Wordpress is promising with these types of exciting integration.
If this is the case, that means it’s possible I host files like ebooks and audios on Google drive and serve it for downloads through WordPress ?
WPBeginner Support
Yes, you are able to do that
Administratör
Yinka
hi,
please is there a way to Link media from hard drive on computer with wp site, instead of uploading it to media library… thanks
WPBeginner Support
We do not have a recommended method for that at the moment as that would require your computer to send the images to anyone trying to view them on your site and if your computer is ever turned off they would no longer be able to see images on your site until it is turned back on.
Administratör
sashi hari sulochan
i am using this plugin to embed videos in my wordpress website, how to hide the poput option of google drive
WPBeginner Support
For customizing the plugin, you would want to reach out to the plugin’s support and they should be able to assist you
Administratör
Ted Keith
I get all the way through this and have the import from google button. Click on the button and sign in with google. Nothing happens, Just goes right back to the import from google button screen. Sigh… wish stuff just worked sometimes. That’s an hour wasted.
Gabriel
Same as below. I can import photos from Google Drive but it doesn’t upload properly, it shows a grey box. Images are not imported. What should I change? Thanks for your support
derred beh
after following the steps, I can import photos from Google Drive,
but the file size is just 962B, and when try to view them, I just see a black page, with the square box in it.
Looks like the images are not properly imported?
How to fix this?
Giwa
my clients newly design WordPress e-commerce site and he is selling eBook. can he use google drive as storage where the buyer can download the eBook after payment?
thisisyeeseul
I am using it but it’s still using WordPress storage.
i wonder, is it possible to use it without storing wordpress?
plz let me know! thanks!
Stephanie
I just tried to install the plugin and it crashed my entire site. Anything I click on gives me this error.
Parse error: syntax error, unexpected in /home/content/02/14034602/html/wp-content/plugins/external-media/plugins/Box.php on line 75
This error is the only thing showing on my site to the public right now.
HELP!
WPBeginner Support
Hi Stephanie,
Please uninstall the plugin. Here is how to deactivate plugins when not able to access WordPress admin area.
Administratör
Kerry
Hi TARIQ, CAn you help me?
On the AOath consent screen..there is a place to click on your Gmail account …my husband’s keeps coming up and it’s not giving me any way to put in my address. This occurs right before ”product name shown to users”. How will it know to access my Gmail account/photos.?
Courtney
This is not working. I uploaded the plugin and had to do a very complicated Developer setup on Google and Wordpress setup. But it is does not do what I need. I need to be able to upload the photos out of my Google Photos into my Wordpress.org site, period. This does not display all my updated photos and instead has my documents from years back. The few photos it does show import in as a Google code instead of a picture.
Please develop a simple Google Photos upload plug-in instead of this.
Arsyila Maulidia
Yes, nice info, i just apply on my web and succsesfully connect to google drive,
I’m arsyila
Great from Indonesia
Succses for wpbeginner
Tariq
Question,
Is this method will fit Google SEO requirements? I dont think so and this will reduce our score. (If it will work)
The correct way using google drive with ANY website is to have G-Suit account and point an Google website (Only available in G-Suite since last Aug, 31 2017) as a sub domain in your website. This way you will increase your score by hosting static content in CDN.
Good luck.
J. Nijhuis
This is not a CDN, it;s just an addon for directly browsing Google Drive images from within WP. The files are imported into your WP media library just like any other image you upload.
Mayank
Found an error, unable to work.
Uncaught TypeError: Cannot read property ’add’ of undefined
at Object. (external-media-view.js:23)
Abdulaziz Alnasi
as you know that google offers Google photos service for free with unlimited storage, so what I think about is to store my images into google photos instead of having them on my host.
since I have shared hosting this method will decrease the load on my server.
so the question is: is (Google Drive) way will allow me to store my images into Google photos instead of google drive?
sachin
Google not giving permission for uplkoading iamges from drive
Tariq
No, Google give permission to host your image and call it from Google drive folder inside your website but ONLY if you are G-Suit member.
Virgo
With the plugin version 1.10.14 the callback url is changed from
example.com/index.php?external_media_plugin=GooglePickerAPI
to
example.com/index.php?external_media_plugin=GoogleDrive
And in the Google API Console you need to enable the Google Drive APi too!
Paresh Wadhwani
do the 2 mb file size limit applies while transfering files from google drive…..Please reply
galodu
Great plugin. Thanks a lot for through instructions. Everything is in place. Only issue I am facing is that the images are not properly imported to media library. Images are corrupted. Please let me know how to solve the issue.
Orestis Rovakis
That’s very informational and i will use it soon. But what brought me here waas the search for a way to transfer all my media filew to Google Drive so i can save space from my server. Does anyone know anyway to do that?
Dinil Abeygunawardane
This is great, but this imports files to WP!
Is there a way to display images on WP without importing them?
Tony
I totally agree. This is what brought me here too. A way to display images from a cloud storage service such as Dropbox or Google Drive without storing them into WordPress Media Library!
This would be totally useful. What about CDN’s, do they do that?
vikash
hi Tony
Do Know that how is it possible? please tell me in detail i really need this for my website. thank you
Tariq
This already Google drive offer it exactly in the way you ask but you need to be Google Suit member for 5$/m and they are giving you a real big benefit for this money, not only G-Drive, but much much more.