• Important! If you attempt to register and do not get an email within 5 minutes please check your spam box. This is especially true for Microsoft owned domains like Hotmail, Outlook, and Live. If these do not work please consider Gmail. Yahoo, or even AOL email which works fine.
  • JUOT.ORG NOW ACTIVE

    Please update any bookmarks from juot.net to juot.org and start using it.

    The juot.net URL will be going away March 1st, 2025.

gd, gs, gp (Google Docs) BB Codes

BirdOPrey5

Staff member
VIP
Embed Various Google Docs

Google Docs is a free service by Google. Google Docs are a professional collection of "Office" applications like a Word Processor, Spreadsheet, Presentation Designer, and Drawing tool. Google Docs is a serious alternative to the very expensive Microsoft Office. Documents are stored online, can be shared among users, and in the case of this BB Code they can be embedded in other web pages.

There are several BB Codes in this collection, Google Doc (Document), Google Spreadsheet and Google Presentation. Google Drawings can be embedded using the standard [NOBB][/NOBB] tags but I will give an example here anyway.

When working on any Google Document in the top right of the window will be a "Share" button with drop-down arrow. Click on this arrow and choose "Publish to Web" or "Publish / Embed" and you will be given code to link to and/or embed the document. You will be given a URL such as:
[NOBB]https://docs.google.com/document/pub?id=1bhtK-AhiXqfWK5bGJcULvEO3zMahcFgnJEsT1YvYsuc[/NOBB]

What you need is the document ID which is the long string of characters after "id=" or "key=" and before the ampersand (&) if present, in this case your id is:
[B]1bhtK-AhiXqfWK5bGJcULvEO3zMahcFgnJEsT1YvYsuc[/B]

In all cases you put the ID between the appropriate tag for the type of document.

[B]Google Document (Word Processor Document)[/B]

[NOBB][gd]1bhtK-AhiXqfWK5bGJcULvEO3zMahcFgnJEsT1YvYsuc[/gd][/NOBB] =
[gd]1bhtK-AhiXqfWK5bGJcULvEO3zMahcFgnJEsT1YvYsuc[/gd]

[B]Google Spreadsheet[/B]
[NOBB][gs]0AmOHO6Cm8vvAdFR2b0dMMnVwMUE0MlpXYnowWnowWWc[/gs][/NOBB] =
[gs]0AmOHO6Cm8vvAdFR2b0dMMnVwMUE0MlpXYnowWnowWWc[/gs]

[B]Google Presentation[/B]
[NOBB][gp]dcjktv94_1fcpptwqc[/gp][/NOBB] =
[gp]dcjktv94_1fcpptwqc[/gp]

[B]Google Drawing[/B]
No special BB Code is needed to embed a drawing because it's rendered as any other image. Just put the URL given between IMG tags...
[NOBB][IMG]https://docs.google.com/drawings/pub?id=1C1arwoUzUyzxnzk9yD7ysx6vyMfcDuDXXzQTqnngh2c&w=640&h=480[/NOBB] =
 

BirdOPrey5

Staff member
VIP
To add one or more of these BB Codes follow any of the below instructions:

Add a New BB Code

Title: Google Document
BB Code Tag Name: gd
Replacement:
Code:
<div align="center"><iframe src="https://docs.google.com/document/pub?id={param}&embedded=true&single=true&gid=0&output=html&widget=true" width="95%" height="500">IFRAME Not Available. <a href="https://{option}.google.com/document/pub?id={param}">Direct Link to Google Document</a>.</iframe></div>
Example:[gd]1bhtK-AhiXqfWK5bGJcULvEO3zMahcFgnJEsT1YvYsuc[/gd]
Description: Embed a Google Document.
Use Option: No
Button Image: (optional)

Remove Tag If Empty: Yes
All Disable Options: Yes

------

Add a New BB Code

Title: Google Spreadsheet
BB Code Tag Name: gs
Replacement:
Code:
<div align="center"><iframe width='95%' height='500' frameborder='0' src='https://spreadsheets.google.com/pub?key={param}&hl=en&single=true&gid=0&output=html&widget=true'>IFRAME Not Available. <a href="https://spreadsheets.google.com/pub?key={param}&hl=en&single=true&gid=0&output=html">Direct Link to Spreadsheet.</a></iframe></div>
Example: [gs]0AmOHO6Cm8vvAdFR2b0dMMnVwMUE0MlpXYnowWnowWWc[/gs]
Description: Embed a Google Spreadsheet.
Use Option: No
Button Image: (optional)

Remove Tag If Empty: Yes
All Disable Options: Yes

------

Add a New BB Code

Title: Google Presentation
BB Code Tag Name: gp
Replacement:
Code:
<div align="center"><iframe src="https://docs.google.com/present/embed?id={param}" frameborder="0" width="700" height="559">IFRAME Not Available. <a href="https://docs.google.com/present/view?id={param}">Direct Link to Presentation.</a></iframe></div>
Example:[gp]dcjktv94_1fcpptwqc[/gp]
Description: Embed a Google Presentation.
Use Option: No
Button Image: (optional)

Remove Tag If Empty: Yes
All Disable Options: Yes

------

In any of the above codes you can edit the height and width attributes to suit your needs.
 

Attachments

hotslot

BANNED!
BBCode - Embed Google Documents Collection (BB Code) does this work for the Vbulletin 4.0 series ? Also does this plugin auto update the excel table in the forum thread after its updated on google documents end ?

BirdofPray, Thanks for everything.
 

BirdOPrey5

Staff member
VIP
It works on vBulletin 4.0.

On my testing it did auto update the spreadsheet with changes, but it was not immediate.
 

BirdOPrey5

Staff member
VIP
New option added for Google Forums.

Example:
[gf]dDNJRFdVaXRxM2FTVXpnQlVlMHBZVnc6MQ[/gf] =


Add a New BB Code

Title: Google Form
BB Code Tag Name: gf
Replacement:
Code:
<iframe src="https://spreadsheets.google.com/embeddedform?formkey={param}" width="760" height="1021" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
Example: [gf]dDNJRFdVaXRxM2FTVXpnQlVlMHBZVnc6MQ[/gf]
Description: Embed a Google Form.
Use Option: No
Button Image: (optional)
Remove Tag If Empty: Yes
All Disable Options: Yes
 
Top