'%3e%3cpath%20d='M8%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208C0%203.58172%203.58172%200%208%200ZM11.6162%204.38379C11.2257%203.99337%2010.5927%203.99338%2010.2021%204.38379L8%206.58594L5.79785%204.38379C5.40732%203.99334%204.77429%203.99329%204.38379%204.38379C3.99331%204.77429%203.99335%205.40733%204.38379%205.79785L6.58594%208L4.38379%2010.2021C3.99348%2010.5927%203.99341%2011.2257%204.38379%2011.6162C4.77426%2012.0066%205.40734%2012.0065%205.79785%2011.6162L8%209.41406L10.2021%2011.6162C10.5927%2012.0066%2011.2257%2012.0067%2011.6162%2011.6162C12.0067%2011.2257%2012.0066%2010.5927%2011.6162%2010.2021L9.41406%208L11.6162%205.79785C12.0066%205.40735%2012.0066%204.77429%2011.6162%204.38379Z'%20fill='%23080E17'%20fill-opacity='0.46'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3761_713'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
How to Embed a Google Drive PDF with Adobe PDF Embed API
Question details
The user wants to display a PDF file hosted on Google Drive on a website using Adobe Document Cloud View SDK or PDF Embed API.
- Product
- Adobe PDF Embed API
- Device & OS
- not provided
- Scenario
- Embedding a PDF document into a website viewer directly from a Google Drive URL.
- Observed behavior
- Standard Google Drive sharing URLs fail to load in the Adobe viewer due to web page redirection or required authentication.
Ensure you have your Adobe PDF Embed API client ID ready and verify that your Google Drive PDF file's sharing permissions are set to 'Anyone with the link'.
Convert Google Drive Link to a Direct Download URL
Modify the standard Google Drive sharing link into a direct download link so the Adobe PDF Embed API can access the raw PDF file directly.
By default, Google Drive links open a preview webpage, which the Adobe API cannot parse as a valid PDF. You must restructure the URL to point directly to the file data.
Right-click your PDF in Google Drive, select 'Share', ensure general access is set to 'Anyone with the link', and click 'Copy link'.
Paste the copied link (e.g., https://drive.google.com/file/d/YOUR_FILE_ID/view) into a text editor and copy only the 'YOUR_FILE_ID' portion.
Replace 'YOUR_FILE_ID' in this template: https://drive.google.com/uc?export=download&id=YOUR_FILE_ID.
Insert this newly generated direct URL into the 'location.url' field of your Adobe PDF Embed API integration code.
Host the PDF on Your Own Server
If Google Drive URLs fail due to API limitations or CORS policies, hosting the file directly on your web server is the most reliable method.
Manage and Share PDFs Easily with WPS Office
Having trouble dealing with complex PDF APIs? WPS Office provides a lightweight, free alternative for viewing, editing, and sharing PDF files effortlessly. You can handle documents directly and share them through WPS Cloud without writing a single line of code.
Frequently Asked Questions
Why doesn't my Google Drive sharing link work with PDF Embed APIs?
Standard Google Drive links open an HTML web page containing a preview of the file, not the file itself. PDF Embed APIs require a direct link to the raw .pdf file to render it properly on your website.
Are there CORS issues when embedding a Google Drive PDF?
Yes, embedding files from a third-party domain like Google Drive can cause Cross-Origin Resource Sharing (CORS) errors on modern web browsers unless specific headers are provided. Self-hosting the file on the same domain as your website often resolves this.
Can I embed password-protected PDFs using the Adobe PDF Embed API?
The Adobe API supports rendering password-protected files, but it will prompt the end-user to enter the password within the embedded viewer before the document is displayed.
