How to Add A Google Translate Widget To Your Blog

Google Translate Widget

If your blog is starting to draw an audience from overseas or you want to collaborate with other schools around the world, you’ll want to find a way to translate your blog into multiple languages.

One of the most common questions we receive from our edubloggers is how to implement Google Translate on their blogs.

This quick process will help you set up a Google Translate widget on your blog to make it easy for your blog audience to translate your website in a single click.

1. Go to¬†https://translate.google.com/manager/website/add. You’ll be prompted to log in with a Google account. If you don’t have one, you can register for free.

2. Enter the domain of your website (i.e. dleeman.edublogs.org) and select the original language that your blog is written in.

Add a website

3. Customize the plugin settings if necessary (the default settings will work for most people). Click “Get Code.”

Plugin Settings

4. Open a new tab in your browser and log into your Edublog.

5. Go to Appearance > Widgets in your dashboard.

Appearance > Widgets

6. Drag a text widget to your sidebar or widget area.

Text Widget

7. Copy the meta tag from Google and paste it into the text widget.

Meta Tag

8. Copy the code snippet from Google and paste it immediately following the meta tag in the text widget.

Code Snippet

9. Double check to make sure both the meta tag and code snippet are listed and press “Save.”

Translate Widget

10. Reload your blog. You should now see the Google Translate widget.

Translate - select language

Now your visitors can click on their own language to translate your blog!

Dan Leeman

Passionate about education and technology that aids the learning process. Helping teachers do awesome things with Edublogs. Follow me on twitter @dan_leeman!

9 Responses

  1. awesomegirl39 says:

    Hi! I love google translate! I thank you!

  2. Ms. Mensah says:

    Hi There,

    I attempted to add this and was unsuccessful. I tried to refresh my code page on the google translate page and can no longer find it. May you please help me with this?

    All the best,
    Sable

  3. Ajay says:

    Hi Dan,

    Thanks for the info.

    I have one question. Google says that automated translations need to be blocked from the search engine crawlers through the “noindex” function as they are a violation of search engine guidelines.

    https://sites.google.com/site/webmasterhelpforum/en/faq-internationalisation

    Can you let us how this can be done when using google translate

    Thanks

    Ajay
    http://www.electrotechnik.net

    • Dan Leeman says:

      Hi Ajay,

      I apologize that I cannot provide a more in-depth answer, but I wonder if automated translation (per the help forum) refers to automatically sending users to a translated version of the blog versus the user self-selecting to translate via the translate widget on the blog. If you had set up your website in such a way that sent users from certain countries to automatically translated pages, then you would want this to be noindexed so that it would not create duplicate content.

      Dan

  4. Master138 says:

    Thanks for the info.

  5. Beth says:

    I followed every direction to the letter, but for some reason, every time I press “save”, half of the text I pasted in disappears. I have tried reloading the page several times and even regenerating the code, but nothing works. When I refresh my blog in a seperate window, only the leftover text is displayed, no translate box. Please help! I have many students whose parents do not speak English, and I think this tool would help me to communicate better with them. Thanks so much!

    • Sue Waters says:

      Hi Beth

      Please provide a link to the blog you are trying to add the widget to. We need to check your blog to see what is happening.

      Sue

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Follow

Follow this blog

Get every new post delivered right to your inbox.