Integrate Google Translate Into Your Website

Hey there! In this article let us see how to integrate Google Translate into your website.

Add the following in your Footer. The following code basically searches for the google_translate_element element in your website and replaces that with the Google Translator element

<script type="text/javascript">
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({
            pageLanguage: 'en',
            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
        }, 'google_translate_element');
    }
</script>


<script asyc type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

---

Add the following HTML code in your navigation or another place where you want to show the Google Translate plugin.

<li class="language-translator">
    <span id="google_translate_element"></span>
</li>

---

Its that simple. Happy coding.

Articles For You

Why And How To Use PHP PDO With CRUD Examples

Securely Connect Server MYSQL DB From Sequel Pro / MYSQL Workbench

Custom Validation Rules In PHP Laravel (Using Artisan Command)

Add Google ADS In AMP (Accelerated Mobile Pages) Website

PHP Built-In Web Server & Testing Your Development Project In Mobile Without Any Software

Prevent Multiple Form Submits

Setup Docker for NodeJs, MongoDB, MongoDB Compass

Use Different PHP Versions In Ubuntu / Linux

Observers In Laravel

Increase Session Timeout In Laravel

Integrate Google Translate Into Your Website

Laravel Last Executed Query In Plain SQL Statement For Debugging

Accessors & Mutators In Laravel. Problem In Set Attribute While Saving/Updating Data & How To Resolve It

Setup AMP (Accelerated Mobile Pages) In PHP Laravel

Automate Repeating Tasks In Linux Server With Cronjobs