2 cách lấy mã nhúng tài liệu Google Docs cực kì đơn giản

Google Docs là một dịch vụ không lấy phí đến từ Google, một dịch vụ soạn thảo văn bản trực quan, dễ sử dụng, dễ làm quen ..
Đặc biệt, với Google Docs thì bạn hoàn toàn có thể tự do san sẻ hay để mọi người cùng thao tác chung trên một tài liệu đó .

Tác dụng của việc nhúng Google Docs trực tiếp này, bất cứ thay đổi nào trên tài liệu mà bạn đã nhúng cũng sẽ được cập nhật ngay lập tức trên trang mà có tài liệu đó được nhúng.

Chính vì vậy, trong bài viết này mình sẽ hướng dẫn cho những bạn cách để lấy mã nhúng Google Docs một cách cực kỳ đơn thuần và thuận tiện .
Đọc thêm :

I. Cách lấy mã nhúng Google Docs

Có 2 cách để tất cả chúng ta hoàn toàn có thể lấy mã nhúng của Google Docs một cách thuận tiện. Bạn hoàn toàn có thể làm theo cách nào cũng được nhé, miễn sao là nó nhanh và bạn cảm thấy tiện là được .

#1. Cách lấy mã nhúng trực tiếp trên Google Docs

+ Bước 1: Bạn truy cập vào trang Google Docs => sau đó truy cập vào tài liệu của bạn muốn nhúng. Sau đó nhấn vào Tệp => chọn tính năng Xuất bản lên trang web.

lay-ma-nhung-cua-google-docs

+ Bước 2: Tiếp theo, bạn hãy chọn sang tab Nhúng => và chọn Xuất bản như hình bên dưới.

lay-ma-nhung-cua-google-docs-1

+ Bước 3: Bây giờ thì bạn có thể copy mã nhúng này để sử dụng cho nhu cầu của bạn rồi đấy.

lay-ma-nhung-cua-google-docs-2

#2. Lấy mã nhúng của Google Docs thông qua trang Importdoc

Importdoc. com là một website mới được tạo ra vào hồi tháng 6 – 2019 này, khá mới với nhiều bạn .
Công dụng của website này chính là giúp bạn lấy mã nhúng của tài liệu trên Google Docs để dán vào website / blog .
Đây là một dịch vụ trọn vẹn không lấy phí, độc lập và không hề tương quan đến Google nha những bạn, việc bạn nhúng được tài liệu là do những tác giả của nó đã viết nên một đoạn Script sử dụng JavaScript, còn nó là gì thì mình không lý giải được 😀 Mình chỉ là người dùng cuối giống với những bạn thôi .
Oke, bắt dầu nhé !

Thực hiện:

+ Bước 1: Truy cập vào trang web Importdoc tại địa chỉ https://importdoc.com/  thì bạn sẽ thấy một nút Sign in with Google bự chà bá lửa màu xanh ở ngay giữa trang. Bạn bấm vào đó để đăng nhập vào tài khoản có chứa tài liệu mà bạn muốn nhúng vào website.

huong-dan-lay-ma-nhung-tai-lieu-google-docs (2)

+ Bước 2: Các bước đăng nhập bằng tài khoản Google chắc mình không cần phải nói nữa nhỉ.

Bạn bấm Allow để cấp quyền cho ứng dụng truy cập vào tài khoản Google Drive. Hãy cứ yên tâm là thông tin hay file của bạn sẽ không bị lộ.

huong-dan-lay-ma-nhung-tai-lieu-google-docs (3)

+ Bước 3: Đăng nhập xong, bạn sẽ thấy giao diện như hình bên dưới, với mục Documents là nơi hiển thị những tài liệu đã thêm vào và lấy mã nhúng.

Vì mình chưa thêm nên nó đang trống trơn như vậy (No record to display), bạn bấm vào nút ADD DOC để thêm những tài liệu có trong tài khoản Google Drive.

huong-dan-lay-ma-nhung-tai-lieu-google-docs (4)

+ Bước 4: Sau khi bấm vào nút trên thì sẽ có danh sách những tài liệu thuộc dạng Documents, bấm vào tên của tài liệu mà bạn muốn chọn => rồi kích vào Select để chọn thêm vào ImportDoc.

huong-dan-lay-ma-nhung-tai-lieu-google-docs (5)

Ngay lập tức tài liệu được xử lý và có mã nhúng được tạo ra cho bạn, bạn bấm vào nút COPY HTML, hoặc bôi đen => rồi chọn Copy để sao chép mã nhúng vào Clipboard.

Hoặc nếu ADD nhầm thì bạn có thể bỏ qua hoặc bấm DELETE để xóa nó đi. Còn cái bên dưới là nội dung có trong tài liệu Docs mà bạn chọn.

huong-dan-lay-ma-nhung-tai-lieu-google-docs (6)

II. Cách nhúng Google Docs vào trang web (WordPress/ Blogger)

Oke, giờ đây mình sẽ hướng dẫn cho những bạn cách để thêm cái mã này vào bài viết trên 2 nền tảng blog thông dụng nhất là Blogger của Google và WordPress thuộc Automattic nha. Trước tiên là blogger :

  1. Truy cập vào trang tạo bài viết mới của Blogger
  2. Bấm vào nút HTML bên cạnh nút Viết / Write để chuyển sang chế độ soạn thảo HTML
  3. Chuột phải vào khung soạn thảo rồi Paste nội dung vừa copy.
  4. Sau đó xuất bản để đăng bài, cái này chắc không cần mình nói nữa :))

huong-dan-lay-ma-nhung-tai-lieu-google-docs (7)

Và đây là tác dụng khi bạn nhúng nó vào, khá giống với khi bạn viết trên blog .

huong-dan-lay-ma-nhung-tai-lieu-google-docs (9)

Tiếp theo đến WordPress, nó cũng tương tự như vậy thôi. Còn về WordPress thì mình sắp sửa có vài bài viết thú vị về nó đó. Bạn hãy vào trang quản trị WP-ADMIN của website rồi chọn Đăng bài mới, sẽ có 2 trường hợp:

+ Trường hợp 1: Nếu bạn dùng trình soạn thảo mới (Gutenberg) của WordPress 5x thì….

Bạn hãy kích vào dấu 3 chấm cạnh biểu tượng Setting => chọn CODE EDITOR, hoặc CTRL + ALT + SHIFT + M để chuyển sang chế độ viết bài bằng code.

huong-dan-lay-ma-nhung-tai-lieu-google-docs (8)

+ Trường hợp 2: Còn nếu bạn đang dùng trình soạn thảo Classic Editor thì đơn giản hơn.

Chỉ cần bạn bấm vào chữ Text để chuyển sang kiểu soạn code là được.

=> Rồi sau đó ở cả hai trình soạn thảo, bạn chuột phải lên chọn Paste, bấm Publish để đăng bài không làm gì thì làm tùy bạn.

huong-dan-lay-ma-nhung-tai-lieu-google-docs (10)

Và đây là hiệu quả khi nhúng mã này vào bài viết của WordPress, không khác gì nhau cả đúng không .

huong-dan-lay-ma-nhung-tai-lieu-google-docs (11)

À … … những bạn đừng chú ý đến cái tên miền của WordPress bên trên nhé 😛 mình vội làm để có ảnh demo cho những bạn nên viết demo vậy thôi : D .

III. Lời kết

Cá nhân mình thấy đây là một website, một công cụ khá tuyệt vời khi bạn hoàn toàn có thể nhúng bất kỳ tài liệu nào vào website / blog của bạn, giống như bạn viết bài đó mà không cần mất công ngồi viết hay copy, edit lại vậy .
Cực kì tiện nghi – hơn nữa mọi đổi khác của bạn trên Google Docs cũng được update trên trang mà tài liệu được nhúng. Nếu thấy hữu dụng thì đừng quên san sẻ cho bạn, bè người thân trong gia đình nhé ! Chúc những bạn thành công xuất sắc !

CTV: Nguyễn Thanh Tùng – Blogchiasekienthuc.com

Bài viết đạt : 5/5 sao – ( Có 1 lượt nhìn nhận )

Bài viết liên quan