HTML to Google Sites - html

I have a website that is a bunch of standard HTML4 files. It has a Dreamweaver template file but each file has the template already put into it.
Is there an easier way to convert a website from HTML files to Google Sites than to copy the source code of each file and create a page on Google Sites with that source code?


I think this FAQ can be helpful to understand what Google Sites exactly is, what it can and what it can't.
Unfortunately Google Sites isn't flexible and powerful as it's wanted.
Depending of your needs you could try to use Blogger or Google App Enginge. You could search simple CMS for GAE and try to export your Dreamweaver project to GAE hosting.
If it will help you, please inform me. I think it's interesting to do.


If you have a local working copy of a css/java website.... all you need to do is copy the website folder with all the website files to a google drive folder that is shared publicly. Then get the hosting link for your websites index.html from the detail description of the index.html file that is in the folder that is now on google drive. Open your google site and add a full page iframe using the hosting link to your website index.html file as its source.
the local website you created is now live on google sites as your website


If Google sites is still like it was about two years ago when I used it, that is the only way. Its sad, but Google sites is not supposed to be for doing anything past basic html.

Related

Link google sheet to html page

I need to link an editable google sheet to my html website so that any change in the sheet will automatically appears in my site.

You can make use of publish option on Google Drive docs files such as Sheets,Slides,Docs and embed them to your Webpages. You can find more information on how to do that here: https://support.google.com/docs/answer/183965
Of course keep in mind that depending on what publishing option you select, you may have to change the access permission of your document/sheets.
Quick Edit:
If you're planning to just embed the sheet, make sure to select the embed option on the same publish to the web section that can be found by going to File > Publish to the web.

Google analytics for different .html files in the same domain

Let's say that my website is www.myWebsite.com.
I have set up google analytics in index.html file properly and I get all the statistics fine in my dashboard.
Now my website has also got other html files, in the folder: www.myWebsite.com/folder/file1.html and www.myWebsite.com/folder/file2.html.
I want to track these pages too, and get how many view each page has.
In order to do this, do I have to use the same scripting code from analytics that I got for www.myWebsite.com ? And should the dashboard appear each page's views separately? Or do I have to set up different code for these pages?
I hope that I explained my problem well. Thank you in advance :)

Yes, you need to include the Analytics tracking code into the source code on every page you wish to track. This means including it in index.html and file1.html etc.
You can find more info in the Google Analytics help page.

You have to include generated code in every page that you wish to track.

Use drive images in html file in google app script project

How to access my google drive images from app script html file so that i can use those images in my img tags something like src= "https/googledrive/folderID/imagename.png"
I have not able to find any relevant answer.Please help!

you cant. ok you can but only for a few more months as google has deprecated "google drive hosting" (google that if you still want to use it)
instead you can use another free google hosting like a google site. put images in a file cabinet page and make the page public. like this image:
https://sites.google.com/a/plusfortrello.com/images/img/bubble-sprite.png which is the cabinet site plus plus the image name appended.
sites images have disadvantages like lack of caching and slow GET. you can greatly speed it up using a (paid) Google Cloud Storage bucket mentioned in this blog post of mine: http://zigmandel.blogspot.com/2015/09/how-i-crowd-translated-my-product-tour.html

Problems With Hosting Websites With Google Drive

I am currently making a website that I am hosting with Google Drive. I finished coding the login GUI of my website and I went to go test it. The html file is in a public folder. I got the document id of the folder and went to the URL that hosts my webpage. But it doesn't render my html. Instead, Google just displays my code. How do I fix this?
Click here to link to my webpage

Okay, so I looked at the properties of my file on Google Drive. It said that the file type was plain text. I downloaded the file and then uploaded it again as an html file. I got the document ID and tried again. This worked. The problem was that Google saw a plain text document so that's what it rendered. I just needed to change the file type of the file. I solved my problem although I cannot logically make sense of why my file downloaded as an html file if on Google Drive it was a plain text format.

opening html from google drive

I have made a page in html5 with css3. It works fine on local (I dont use any server, just doubleclick in the index to open it).
I want to put it in google drive. I have load all the documents needed, but when I try to open the html, I can only see the text (I mean, it is not being executing, I can see just the source code).
Any suggestion?

Not available any more, https://support.google.com/drive/answer/2881970?hl=en
Host web pages with Google Drive
Note: This feature will not be available after August 31, 2016.
I highly recommend https://www.heroku.com/ and https://www.netlify.com/

EDIT: As of August 2016 Google Drive can no longer be used to host static web pages, so this solution no longer works.
Create a new folder in Drive and share it as "Public on the web."
Upload your content files to this folder.
Right click on your folder and click on Details.
Copy Hosting URL and paste it on your browser.(e.g. https://googledrive.com/host/0B716ywBKT84AcHZfMWgtNk5aeXM)
It will launch index.html if it exist in your folder other wise list all files in your folder.

I don't think it is necessary to "host" the content using the way from the accepted answer. It is too complicated for a normal user with limited developing skills.
Google actually has provided hosting feature without using Drive SDK/API, what you need is just few clicks. Check this out:
http://support.google.com/drive/bin/answer.py?hl=en&answer=2881970
It is the same to the answer of user1557669. However, in step 4, the URL is not correct, it is like:
https://drive.google.com/#folders/...
To get the correct host URL. Right click on the html file (you have to finish 1-3 steps first and put the html in the public shared folder), and select "Details" from the context menu. You will find the hosting URL right close to the bottom of the details panel. It should look like:
https://googledrive.com/host/.../abc.html
Then you can share the link to anyone. Happy sharing.

Now you can use
https://sites.google.com
Build internal project hubs, team sites, public-facing websites, and more—all without designer, programmer, or IT help. With the new Google Sites, building websites is easy. Just drag content where you need it.

While drive allows you to edit plain text and HTML files I don't believe they allow the HTML to actually be displayed. I don't think they want people hosting websites from their drive space.

A lot of the solutions offered here do not seem to work anymore. I'm currently on a chromebook and wanted to view an HTML5 banner. This seems impossible now through Google Drive or other apps (as mentioned in previous comments).
The method I ended up using to view the HTML5 was the following:
Open Google Adwords (create a free account if you dont have one)
Click on Ads in the top panel
Click on "+AD" and choose image ad
Choose "upload an ad"
Drag and drop your zip file into the area
Click on Preview
Voila, you will see your HTML5 banners in their full beauty
There may well an easier way, but this way is pretty good too. Hope it helps and worked well for me.

Create a new folder in Drive and share it as "Public on the web."
Upload your HTML, JS & CSS files to this folder.
Open the HTML file & you will see "Preview" button in the toolbar.
Share the URL that looks like www.googledrive.com/host/... from the preview window and anyone can view your web page.

Found method to see your own html file (from here (scroll down to answer from prac): https://productforums.google.com/forum/#!topic/drive/YY_fou2vo0A)
-- use Get Link to get URL with id=... substring
-- put uc instead of open in URL