Google Dịch html

Google Dịch là dịch vụ dịch máy đa ngôn ngữ miễn phí. Nó có thể dịch nội dung văn bản của Trang web từ ngôn ngữ này sang ngôn ngữ khác. Nó cung cấp một danh sách lớn các ngôn ngữ để dịch và có một cách hiệu quả, đáng tin cậy và dễ dàng để dịch trang web sang bất kỳ ngôn ngữ nào mà người dùng muốn. Nó hỗ trợ hơn 100 ngôn ngữ. Sử dụng trình dịch trang web này để chuyển đổi các trang web sang ngôn ngữ bạn chọn

Vậy, Làm cách nào để thêm Nút Google Dịch trên trang web?

Để dịch trực tiếp tài liệu của bạn, bạn có thể truy cập vào https://translate.google.com/. Nhưng để thêm nó vào trang web của bạn, bạn cần thêm Google Dịch Script trên trang web

Để sử dụng google translate script, bạn cần nhập google api chứa hàm googleTranslateElementInit() với new google.translate.TranslateElement()google_translate_element id

Chúng tôi sẽ sử dụng đường dẫn CDN do Google cung cấp để triển khai trình dịch google. Chỉ cần làm theo toàn bộ hướng dẫn để kiếm cách thêm google dịch ( translate google com ). Bạn có thể tải xuống mã html hoàn chỉnh của các ví dụ từ Try-it Editor


Nút Google Dịch

Chúng tôi sẽ thực hiện nó trong một trang web đơn giản, nhưng bạn có thể tạo một thiết kế đẹp và sau đó đặt nút dịch đúng cách

Việc triển khai Google Dịch sẽ cần ba bước

  • Thiết lập Đường dẫn CDN cho Google API
  • Thiết lập một phần tử div để đặt Translator
  • Thiết lập ngôn ngữ mặc định cho trang web

Hãy thực hiện tất cả các bước

Bước 1. Đặt đường dẫn CDN thành API Google Dịch. CDN này sẽ chỉ hoạt động nếu bạn có kết nối internet đang hoạt động, nếu không thì không. Đường dẫn này sẽ thêm tập lệnh của Translator trên trang của bạn

Tập lệnh API Google Dịch

Bước 2. thêm một

phần tử với id=google_translate_element. Đó là một id được xác định trước trong tập lệnh của google. Phần tử div này sẽ được sử dụng bởi Translator API để cung cấp cho người dùng một danh sách các ngôn ngữ

Google Dịch Tiêu đề trang web của bạn

Bước 3. Thêm Script để chọn ngôn ngữ mặc định của trang web. Mỗi ngôn ngữ có một mã duy nhất trong Translator; . Chúng tôi đã chọn tiếng Anh Mỹ làm mặc định và mã là 'en'

Google dịch. Chọn ngôn ngữ mặc định

Bây giờ, cộng tất cả những thứ này lại với nhau. Bạn đã sẵn sàng để sử dụng Translator. Vào Try-it editor để xem kết quả. Bạn cũng có thể tải xuống mã đầy đủ từ Trình chỉnh sửa. Nhấp vào Thử mã này

Google Dịch cho trang web

Trang web của bạn

Nhấp vào nút thả xuống để dịch

Dịch trang này

Bạn có thể dịch nội dung của trang này bằng cách chọn một ngôn ngữ trong hộp chọn

đầu ra

Trang web của bạn

Nhấp vào nút thả xuống để dịch

Dịch trang này

Bạn có thể dịch nội dung của trang này bằng cách chọn một ngôn ngữ trong hộp chọn


Chỉ dịch một đoạn cụ thể

Nếu bạn chỉ muốn thay đổi một đoạn văn và muốn những đoạn khác giữ nguyên ngôn ngữ mặc định thì bạn sẽ làm gì?

Có hai lớp có thể được sử dụng, translatenotranslate

  • Phiên dịch. Nó là lớp mặc định. Không cần phải khai báo nó
  • không dịch. Nếu bạn không muốn dịch bất kỳ đoạn cụ thể nào thì hãy sử dụng class="notranslate". Trình dịch sẽ không dịch đoạn văn và nó sẽ vẫn ở ngôn ngữ mặc định. Phần còn lại của nội dung văn bản trên trang sẽ được dịch

Các bạn xem ví dụ bên dưới cho dễ hiểu nhé, tải code về. Hãy thử nó trong Trình chỉnh sửa

Google Dịch cho trang web

Trang web của bạn

Nhấp vào nút thả xuống để dịch

Dịch trang này

Đoạn này sẽ giữ nguyên vì nó đang sử dụng lớp không dịch

Đoạn này sẽ thay đổi vì nó đang sử dụng lớp dịch

Chúng ta đã học cách dịch một trang web thông qua tập lệnh google dịch, bây giờ chúng ta sẽ tìm hiểu cách dịch một trang web mà không cần Mã hóa nghĩa là sử dụng ứng dụng của bên thứ ba là "Tiện ích mở rộng Chrome Dịch"

Đối với điều này, bạn chỉ cần tìm kiếm tiện ích mở rộng google dịch trên trình duyệt của mình và nhấp vào "Thêm vào Chrome". Tại thời điểm Thêm tiện ích mở rộng này vào chrome (hoặc bất kỳ trình duyệt nào), nó sẽ hỏi sự cho phép của bạn (thông qua thông báo bật lên) và cảnh báo bạn rằng loại dữ liệu nào nó sẽ truy cập, chỉ cần nhấp vào nút thêm. Sau đó, một tệp nhỏ sẽ tải xuống máy tính của bạn và tại đây, tiện ích mở rộng google dịch của bạn đã được tích hợp thành công vào trình duyệt của bạn

Bây giờ làm thế nào để dịch một trang web vẫn là một câu hỏi, Vì vậy, hãy bắt đầu và kiểm tra cách dịch một trang web hoặc bất kỳ trang web nào, bất cứ khi nào bạn truy cập vào bất kỳ trang web nào có nội dung ngôn ngữ khác nhau, bạn chỉ cần nhấp vào "Tiện ích mở rộng của Google dịch" là được. . Đó là nó

Nó sẽ thay đổi toàn bộ trang web sang ngôn ngữ ưa thích của bạn. Ngoài ra còn có một tính năng trên plugin dịch google từ đó bạn có thể thay đổi ngôn ngữ vĩnh viễn. Đối với điều này, bạn đã nhấp vào tiện ích mở rộng dịch và nó hiển thị menu cài đặt 3 dấu chấm và chọn "luôn dịch". Vì vậy, bất cứ khi nào bạn truy cập vào trang web đó, nó sẽ tự động dịch ngôn ngữ

Tóm lược. Trong hướng dẫn này, chúng ta đã học cách dịch một trang web bằng mã hóa (Google Translate Script) hoặc không cần mã hóa

Phần tử web của Google Dịch là gì?

Đó là một id được xác định trước trong tập lệnh của google. Phần tử div này sẽ được sử dụng bởi Translator API để cung cấp cho người dùng một danh sách các ngôn ngữ

Tôi có thể thêm Google dịch vào trang web của mình không?

Tiện ích Google Dịch động . Google đã từng cung cấp tiện ích đã ngừng sản xuất của riêng mình có thể dễ dàng thêm vào trang web, nhưng hiện tại có các lựa chọn thay thế khác. via a dynamic translation widget. Google used to provide its own discontinued widget that could easily be added to a website, but there are other alternatives now.

Làm cách nào để sử dụng Google Dịch với JavaScript?

Cách sử dụng API Google Dịch với JavaScript. Tạo biểu mẫu web có tính năng dịch .
Tạo HTML tĩnh. Chúng tôi bắt đầu với trang HTML cơ bản. .
Thêm trình xử lý nhấp chuột thả xuống. .
Thêm lệnh gọi JQuery AJAX để gọi API Google Dịch. .
Thêm mã cập nhật trình giữ chỗ biểu mẫu. .
Thêm Đăng nhập cho Trình xử lý sự kiện “nhấp chuột”

Có API cho Google Dịch không?

Bạn có thể không biết rằng Google cung cấp Giao diện lập trình ứng dụng (API) để cho phép mọi người truy cập công cụ Dịch của Google . Mặc dù không hoàn hảo nhưng nó hoạt động khá tốt đối với dịch máy. Vì lý do đó, API Google Dịch thường được coi là một lựa chọn dễ dàng để hoàn thành nhiệm vụ này.