Cách Nhúng Lịch Google Vào Trang Web Của Bạn

Bạn có cần một lịch trực tiếp chuyên nghiệp trên trang web của mình để cho khách truy cập biết về các sự kiện sắp tới hoặc để lên lịch một cuộc hẹn không? Thay vì xây dựng thứ gì đó từ đầu hoặc sử dụng một số ứng dụng lịch tùy chỉnh(custom calendar app) có thể không nhận được các bản cập nhật trong tương lai, tại sao không sử dụng thứ mà hàng triệu người khác đang sử dụng hàng ngày?

Đi theo lộ trình đó, bạn có thể nhúng Lịch Google(Google Calendar) vào trang web của mình. Nó cũng miễn phí và dễ sử dụng. Tất cả những gì bạn cần để bắt đầu là một tài khoản Google(Google account) .

Bắt(Get) đầu bằng cách đăng nhập vào tài khoản Google(Google account) của bạn , nhấp vào lưới ứng dụng bên cạnh ảnh hồ sơ của bạn và nhấp(picture and click) vào Lịch(Calendar) .

Nhận mã nhúng(Get the Embed Code)

Mở Tùy chọn bằng(Options by ) cách nhấp vào ba dấu chấm bên cạnh lịch bạn muốn nhúng.  

Nhấp vào Cài đặt và chia sẻ(Settings and sharing) từ cửa sổ bật lên.

Cuộn(Scroll) xuống trang cài đặt Lịch(Calendar) cho đến khi bạn tìm thấy phần Tích hợp lịch(Integrate calendar) .

Để hiển thị lịch của bạn với tất cả mọi người và không chỉ những người bạn chia sẻ lịch, bạn cần đặt lịch ở chế độ công khai( make it public) .

Để thực hiện việc này, hãy bật hộp bên cạnh Cung cấp cho(Make available to public) mọi người trong Quyền truy cập(Access permissions) .

Nhúng mã vào phần HTML(HTML section) của trang web hoặc bài đăng(page or post) . Ví dụ: nếu bạn đang sử dụng WordPress , hãy tạo một trang mới.

Nhấp vào Văn bản(Text ) để chuyển sang trình soạn thảo HTML(HTML editor) . Sao chép mã Nhúng(Embed code) từ lịch Google của bạn và dán(Google calendar and paste) vào trang.

Bấm vào tab Trực quan(Visual ) để xem lịch trông như thế nào trên trang của bạn. Bạn cũng có thể chọn Xem trước(Preview) để xem nó trên giao diện người dùng của trang web.

Dán mã HTML của Lịch(Calendar HTML code) vào bất kỳ trang web nào mà bạn được phép nhúng các đối tượng.

Nếu bạn thích cài đặt định dạng mặc định của Google cho lịch, bạn nên sử dụng. Để thay đổi màu sắc, kích thước và các tùy chọn khác của lịch, bạn có thể tùy chỉnh cài đặt của lịch.

Tùy chỉnh Cài đặt Lịch Google(Customize Google Calendar Settings)

Nhấp vào nút Tùy chỉnh(Customize) nằm ngay dưới mã nhúng. Điều này sẽ mở ra một cửa sổ mới.

Chỉnh sửa hoặc thêm tiêu đề vào lịch của bạn bằng cách nhập tiêu đề đó dưới Tiêu đề lịch(Calendar title) . Nếu bạn muốn tiêu đề hiển thị, hãy bật hộp bên cạnh Tiêu đề(Title) .

Chỉ định(Specify) các yếu tố bạn muốn hiển thị trên lịch của mình bằng cách kiểm tra các cài đặt sau trong Hiển thị(Show) :

• Chức vụ
• Nút điều hướng
• Dữ liệu
• Biểu tượng in
• Các tab
• Danh sách lịch
• Múi giờ

Kích thước mặc định(default size) của Lịch Google(Google Calendar) là 800 x 600. Thay đổi kích thước bằng cách di chuyển mũi tên lên và xuống bên cạnh Chiều rộng(Width) và Chiều cao(Height) .

Ví dụ: nếu bạn muốn nhúng lịch vào thanh bên, hãy giảm Chiều rộng(Width) xuống kích thước nhỏ hơn, chẳng hạn như 300.

Các cài đặt khác bạn có thể tùy chỉnh bao gồm:

• Màu nền(Background color) phù hợp với màu thương hiệu của bạn(brand color)
• Múi giờ và ngôn ngữ
• Đường viền (bật hoặc tắt)
• Tháng mặc định
• Ngày đầu tiên trong tuần

Sau khi bạn tùy chỉnh các tùy chọn, hãy xem lịch trực tiếp(live calendar) cuối cùng trên trang web của bạn. Khi bạn thay đổi một sự kiện trên lịch của mình, sự kiện đó sẽ tự động cập nhật.

Dưới đây(Below) là ảnh chụp màn hình của chế độ xem hàng tháng.

Bạn cũng có thể xem lịch của mình theo tuần.

Nếu bạn muốn thực hiện bất kỳ thay đổi nào, bạn luôn có thể quay lại cài đặt Lịch Google(Google Calendar) của mình và điều chỉnh chúng ..

Đảm bảo sao chép và dán mã HTML(HTML code) mới sau khi thực hiện bất kỳ cập nhật định dạng nào để phản ánh những thay đổi mới.

Cách Cho phép Khách truy cập Lưu Sự kiện Lịch(How to Let Visitors Save a Calendar Event)

Để cho phép khách truy cập lưu sự kiện của bạn trên Lịch Google(Google Calendar) của riêng họ , hãy thêm một nút vào trang web của bạn. Đảm(Make) bảo lịch của bạn ở chế độ công khai.

Mở Lịch Google(Google Calendar) của bạn . Lưu ý rằng các thay đổi chỉ có thể được thực hiện từ máy tính chứ không phải ứng dụng dành cho thiết bị di động.

Để thêm sự kiện, hãy chọn ngày bạn muốn thêm sự kiện và nhấp vào Tạo(Create) ở góc trên cùng bên trái.

Điền(Fill) thông tin chi tiết về sự kiện của bạn vào cửa sổ bật lên và nhấp vào (popup and click) Lưu(Save) .

Để mở một sự kiện trong lịch của bạn, hãy nhấp đúp vào sự kiện đó. Sau đó nhấp vào ba dấu chấm ở góc trên bên phải(right-hand corner) để mở Tùy chọn(Options) và chọn Xuất bản sự kiện(Publish event) .

Nhúng mã HTML(HTML code) từ cửa sổ bật lên trên trang web của bạn để cho phép khách truy cập thêm sự kiện vào (popup window)Lịch Google(Google Calendar) của riêng họ .

Quay lại trang web của bạn và dán(website and paste) mã từ nguồn hoặc chế độ xem HTML(source or HTML) nơi bạn muốn nút sự kiện(event button) hiển thị.

Khi khách truy cập nhấp vào nút Lịch Google(Google Calendar button) , nó sẽ mở lịch của họ và thêm sự kiện vào đó. Bạn cũng có thể mời mọi người tham gia sự kiện của mình bằng liên kết được hiển thị trong cùng một cửa sổ bật lên(popup window) .

Nhúng Lịch Google vào WordPress bằng các plugin(Embed Google Calendar into WordPress Using Plugins)

Như với hầu hết các chức năng trong WordPress , có một plugin cho điều đó. Nhúng Lịch Google(Google Calendar) vào trang web WordPress(WordPress website) cũng không ngoại lệ. Dưới đây là một số plugin WordPress để bạn cân nhắc sử dụng. 

Plugin lịch đơn giản(Simple Calendar Plugin)

Lịch đơn giản(Simple Calendar) hiển thị các sự kiện của bạn theo tuần, tháng hoặc trong một danh sách. Thật dễ dàng để thiết lập, đáp ứng trên thiết bị di động và có thể tùy chỉnh theo nhu cầu của bạn.

Các tính năng khác bao gồm: 

• Quản lý các sự kiện trong Google và cập nhật chúng tự động trong WordPress
• Sự kiện mã màu
• Trực quan và đơn giản để cấu hình
• Chức năng bổ sung với các tiện ích bổ sung( add-ons)

Plugin này là một lựa chọn tuyệt vời cho những người dùng thành thạo Lịch Google(Google Calendar power) . Một tính năng độc đáo là khả năng chuyển các sự kiện được mã hóa bằng màu sắc.

Dan's Embedder cho Lịch Google(Dan’s Embedder for Google Calendar)

Hiển thị(Display Google) lịch Google trong danh sách hoặc chế độ xem đầy đủ với Dan's Embedder cho Lịch Google(Google Calendar) .

Không cần quản lý hoặc nhập các sự kiện trong WordPress . Bạn chỉ cần một hoặc nhiều Lịch Google(Google Calendars) công khai . Các tính năng khác bao gồm:

• Định cấu hình các tùy chọn bằng mã ngắn
• Chỉ định số lượng mục để hiển thị
• Nhúng nhiều lịch 

Plugin này yêu cầu khóa API(API key) . Làm theo các bước dưới đây để nhận được của bạn:

• Truy cập Bảng điều khiển dành cho nhà phát triển của Google(Google Developers Console)
• Từ menu bên, hãy kiểm tra API và xác(APIs and auth) thực > Thông tin xác thực(Credential)
• Nhấp vào nút Tạo khóa mới(Create new key) từ phần Quyền truy cập API công khai(Public API access)
• Chọn khóa Trình duyệt(Browser key) và để trống Giới hạn liên kết giới thiệu(Referrer Limitation)
• Đặt khóa này trên trang cài đặt plugin

Lịch sự kiện WD(Event Calendar WD)

Tạo(Create) quảng cáo sự kiện và quản lý(event promotion and manage) hoặc thêm sự kiện vào blog WordPress(WordPress blog) của bạn với Lịch sự kiện WD(Event Calendar WD) .

Cung cấp mô tả chi tiết về các sự kiện của bạn bằng trình chỉnh sửa WordPress(WordPress editor) , đính kèm thẻ và chỉ định danh mục cho từng sự kiện. Một số tính năng khác bao gồm:

• Giao diện thân thiện với người dùng để kiểm soát toàn bộ cách bạn hiển thị lịch và sự kiện trên trang web của mình
• Dễ dàng tùy chỉnh và quản lý lịch của bạn
• Số lượng lịch và sự kiện không giới hạn
• Tối ưu hóa mọi sự kiện để SEO và khả năng hiển thị công cụ tìm kiếm tốt hơn(SEO and search engine visibility)
• Bật các nút chia sẻ xã hội để quảng bá về các sự kiện của bạn

Lịch đặt phòng đơn giản WP(WP Simple Booking Calendar)

(Quickly)Cài đặt và nhúng Lịch Google(Google Calendars) vào trang web của bạn một cách nhanh chóng và dễ dàng.

Phiên bản miễn phí của WP Simple Booking Calendar cung cấp cho bạn quyền truy cập vào các tính năng cơ bản bạn cần, chẳng hạn như theo dõi các sự kiện của bạn. Điểm nổi bật của phiên bản miễn phí bao gồm(version include) :

• Bố cục đáp ứng
• Sao lưu(Backup) và khôi phục dữ liệu và lịch
• Hiển thị tính khả dụng của bạn 

Để có các chức năng xuất bản và chỉnh sửa nâng cao hơn, bạn có thể nâng cấp lên phiên bản Premium(Premium version) .

Người dùng muốn quản lý và hiển thị tính khả dụng cho các dịch vụ của họ trên trang web của họ hoặc thông báo(website or announce) các sự kiện sắp tới sẽ được hưởng lợi rất nhiều từ việc nhúng Lịch Google(Google Calendar) trên trang web của họ.

Tích hợp lịch trực tiếp trên trang web của bạn sẽ giữ chân khách truy cập vào trang web của bạn và tăng cơ hội họ sẽ đặt lịch hẹn hoặc đăng ký một sự kiện.

Tất cả những gì bạn cần là kết nối internet, trình duyệt web(web browser) và tài khoản Google(Google account) để tạo và hiển thị lịch chuyên nghiệp trên trang web của bạn.