Hướng dẫn embed google sheet in website - nhúng google sheet vào trang web

Khả năng nhúng một tờ Google trên một trang web có thể có giá trị. Đặc biệt là khi bạn muốn giữ cho độc giả của bạn cập nhật thông tin thường xuyên thay đổi.

Khả năng nhúng một tờ Google trên một trang web có thể có giá trị. Đặc biệt là khi bạn muốn giữ cho độc giả của bạn cập nhật thông tin thường xuyên thay đổi.

Bạn có thể có một tờ Google được định dạng với một mẫu lịch hiển thị các sự kiện sắp tới của bạn mà bạn thích công chúng tham dự. Hoặc nếu bạn là một giáo viên, bạn có thể đăng bài tập, chi tiết và ngày đến hạn trong bảng tính trên trang web của lớp. Bất cứ khi nào bạn cập nhật bảng tính, nó sẽ tự động được cập nhật trên trang.

Bất cứ nhu cầu nào của bạn để chuyển thông tin trực tiếp cho độc giả, việc nhúng Google Sheets có thể giúp ích.

Cách định dạng một tờ Google được nhúng

Trước khi bạn có thể nhúng đúng một tờ Google trên một trang web, bạn cần đảm bảo rằng nó được định dạng đúng. Dưới đây là một vài điều cần xem xét khi bạn đang tạo hoặc định dạng trang Google của mình.

• Đảm bảo hàng đầu tiên chỉ chứa tên cột.
• Bolding và định dạng văn bản khác là tốt và sẽ hiển thị trên trang web.
• Giữ tất cả dữ liệu bạn muốn hiển thị trên một tab duy nhất.
• Giữ kích thước bảng tính có thể quản lý được.

Tất cả các vấn đề định dạng này sẽ trở nên rõ ràng hơn khi bạn nhúng tờ Google trên trang web của mình. Nhưng lập kế hoạch trước và cấu trúc bảng tính của bạn để phù hợp với trang web của bạn sẽ giúp bạn tiết kiệm rất nhiều thời gian dùng thử.

Nếu bạn sử dụng một trong các mẫu trong Google Sheet, hãy đảm bảo xóa bất kỳ hàng trên cùng nào để các tiêu đề của bạn luôn là hàng đầu tiên.

Khi bạn hoàn thành, bạn nên có tấm của mình được định dạng và kích thước chính xác cách bạn thích nó để xem trên trang web của mình.

Hãy nhớ rằng, nó dễ dàng hơn để nhúng chỉ một tờ từ một tab. Bạn có thể xuất bản toàn bộ bảng tính, nhưng điều này sẽ bao gồm các tab trên trang của bạn và có thể làm cho việc điều hướng bảng tính quá phức tạp cho khách truy cập trang web của bạn. Vì vậy, chúng tôi khuyên bạn nên đảm bảo giữ tất cả thông tin trên tab mà bạn hy vọng sẽ nhúng trên trang web của mình.

Sử dụng xuất bản lên web

Cách dễ nhất để nhúng một tờ Google trên một trang web là sử dụng xuất bản vào tính năng web bên trong bảng tính Google. Hãy cùng nhìn vào cách thức hoạt động của nó.Publish to the web feature inside Google Spreadsheets. Let’s look at how this works.

1. Khi bảng của bạn được định dạng một cách thích hợp, chọn tệp từ menu. Chọn Xuất bản lên web.File from the menu. Select Publish to the web.

2. Trên cửa sổ tiếp theo, chọn Dropdown trong liên kết và chọn tab với dữ liệu bạn muốn nhúng trên trang web của mình.Link and choose the tab with the data you’d like to embed on your web page.

3. Tiếp theo, chọn thả xuống dưới nhúng và đảm bảo trang web được chọn từ danh sách (nó sẽ được chọn theo mặc định).Embed, and make sure Web page is selected from the list (it should be selected by default).

4. Chọn nút Xuất bản. Chọn OK trên cửa sổ Xác nhận bật lên. Các lựa chọn trên cửa sổ xuất bản sẽ thay đổi. Chọn một lần nữa tab nhúng. Làm nổi bật và sao chép mã nhúng được hiển thị trong cửa sổ.Publish button. Select OK on the pop-up confirmation window. Selections on the Publishing window will change. Select the Embed tab again. Highlight and copy the embed code displayed in the window.

Bây giờ bạn đã sẵn sàng để dán mã này vào trang web của riêng bạn để nhúng bảng tính.

Nhúng bảng tính Google trên trang web WordPress

Bây giờ bạn có thể chỉ cần sao chép mã iframe đó và đặt nó vào HTML của trang bạn muốn nhúng nó vào. Tờ trực tiếp sẽ xuất hiện trên trang bất cứ nơi nào bạn đặt nó.

Nếu bạn sử dụng WordPress, hãy nhúng mã vào WordPress có nghĩa là bạn cần nhập mã HTML thực tế vào bản sao trang của mình.

1. Để thực hiện việc này, chỉnh sửa trang nơi bạn muốn nhúng tờ Google và chọn ba dấu chấm ở góc trên bên phải của cửa sổ Trình soạn thảo WordPress và chọn Trình chỉnh sửa mã trong phần Trình chỉnh sửa.Code editor under the Editor section.

2. Trong chế độ xem Trình chỉnh sửa mã, hãy dán mã iframe từ Google Sheets vào khu vực của trang nơi bạn muốn nhúng nó.

3. Lưu dự thảo và sau đó chọn Xem trước để xem bảng của bạn trông như thế nào khi được xuất bản.Preview to see what your table looks like when published.

Như bạn có thể thấy, chế độ xem mặc định của bảng tính nhúng không phải lúc nào cũng hoàn hảo. Nhưng đừng lo lắng, có nhiều cách bạn có thể điều chỉnh sự xuất hiện của bảng tính.

Tùy chỉnh bảng tính Google được nhúng

Bước tiếp theo sẽ đảm bảo bảng tính có kích thước phù hợp cho trang web mà nó trên. Với mã iframe, bạn thực hiện điều này bằng cách đặt chiều rộng văn bản =, xxx và chiều cao = trực tiếp xxx trực tiếp sau văn bản if iframe.width=”xxx” and height=”xxx” directly after the “iframe” text.

Trong trường hợp này, nếu bạn muốn iframe có kích thước rộng 800 pixel và cao 400 pixel, mã của bạn sẽ trông giống như thế này.

Lưu dự thảo và xem trước một lần nữa. Bạn có thể thấy rằng kích thước bảng nhúng bây giờ lớn hơn nhiều và lấp đầy toàn bộ trang như nó cần.

Điều này sẽ làm việc cho hầu hết các mục đích. Nhưng hãy nhớ rằng nếu bạn sử dụng một thiết kế trang web đáp ứng, bảng sẽ vẫn có cùng kích thước cho dù người đọc thay đổi kích thước cửa sổ như thế nào. Điều này có nghĩa là nếu họ thu nhỏ cửa sổ trình duyệt xuống hoặc họ truy cập trang web bằng thiết bị di động, bảng của bạn có thể ghi đè các yếu tố trang khác như menu bên.

Bạn có thể có được xung quanh điều này bằng cách sử dụng mã CSS trong thiết kế web đáp ứng của bạn, nhưng đó là nằm ngoài phạm vi của bài viết này.

Cập nhật Google Sheets được nhúng trong thời gian thực

Đây là nơi nhúng bảng tính Google thực sự tỏa sáng.

Để đảm bảo các bản cập nhật tự động hoạt động, hãy quay lại bảng tính Google của bạn và mở lại cửa sổ xuất bản lên web. Ở phía dưới, bạn sẽ thấy một phần cho nội dung & cài đặt được công bố. Chọn biểu tượng thả xuống bên cạnh điều này và đảm bảo tự động xuất bản lại khi các thay đổi được thực hiện được chọn.Published content & settings. Select the dropdown icon next to this and make sure Automatically republish when changes are made is selected.

Với kích hoạt này, bạn có thể đi vào bảng tính nguồn của mình bất cứ lúc nào và thay đổi.

Bất cứ khi nào bạn thực hiện các thay đổi cho bảng nguồn, những thay đổi đó sẽ cập nhật trực tiếp trên trang web.

Bạn có thể tưởng tượng điều này có thể hữu ích như thế nào để nhanh chóng truyền thông tin bạn đã lưu trữ trong một bảng tính cho một đối tượng lớn.

Sự lựa chọn khác

Bạn có sẵn các tùy chọn khác để có được bảng tính Google trên trang web. Một cách tiếp cận khác là chọn menu tệp, chọn Tải xuống và sau đó chọn Trang web (.html, Zipped).File menu, select Download, and then select Web page (.html, zipped).

Điều này sẽ cung cấp cho bạn tất cả mã HTML bạn cần nhúng từng tab vào bảng tính của bạn bằng mã HTML.

Từ góc độ thiết kế, có một vấn đề lớn với phương pháp này. Phương pháp được sử dụng trong HTML để sao chép bảng tính là bằng cách sử dụng phần tử và thẻ liên quan.

Đây là một cách tiếp cận rất lộn xộn, cổ xưa để trình bày một bảng tính qua web. Nó cũng không cung cấp cập nhật thời gian thực cho bất kỳ thay đổi nào. Bạn cần phải tải xuống lại mã bất cứ khi nào bạn thực hiện thay đổi. Tuy nhiên, trong trường hợp xấu nhất mà bạn có thể không sử dụng mã iframe, đây là một tùy chọn.

Bất cứ cách tiếp cận nào bạn thực hiện, việc nhúng một tờ Google trên một trang web đều có thể là một cách rất hiệu quả để truyền đạt thông tin quan trọng (và thay đổi thông tin đó) cho đối tượng rất lớn. Nếu bạn sở hữu một trang web, chúng tôi khuyên bạn nên học cách thực hiện việc này và triển khai nó trên trang web của riêng bạn. Cũng có những cách để nhúng powerpoints hoặc excel trên các trang web của bạn nếu bạn quan tâm.