Hướng dẫn how to preview html in browser - cách xem trước html trong trình duyệt

Cấu hình xem trước nâng cao

Bạn có thể xem trước trang HTML5 AD hoặc HTML của mình trong trình duyệt để xem nó sẽ trông như thế nào và hoạt động sau khi nó được xuất bản, bao gồm mọi sự kiện.

Quảng cáo video và quảng cáo hình ảnh

Các tùy chọn xem trước được mô tả trên trang này không có sẵn cho quảng cáo video và quảng cáo hình ảnh.

Để xem trước công việc của bạn, hãy sử dụng một trong các phương pháp sau:

  1. Nhấp vào nút Xem trước & NBSP; ở góc trên cùng bên phải của cửa sổ.Preview button in the top right corner of the window.
  2. Chọn Tệp> Xem trước từ menu trên cùng.File > Preview from the top menu.
  3. Nhấn & nbsp; ctrl+enter & nbsp; (windows) hoặc & nbsp; ⌘+enter & nbsp; (mac).Ctrl+Enter (Windows) or +Enter (Mac).

Bạn không thể xem trước một tài liệu trong trình duyệt của mình bằng cách mở trực tiếp tệp HTML có trong các tệp nguồn của bạn. Thay vào đó, hãy sử dụng chức năng xem trước của Google Web Designer.

Tùy chọn xem trước

Xem trước trong trình duyệt của bạn

Cách nhanh nhất để xem trước công việc của bạn là xem nó trong trình duyệt trên máy tính của riêng bạn. Lần đầu tiên, bạn sẽ cần chọn trình duyệt bạn muốn sử dụng. Sau khi bạn thực hiện lựa chọn, nhấp vào nút Xem trước sẽ sử dụng trình duyệt đó theo mặc định.Preview button will use that browser by default.

Lựa chọn trình duyệt

Google Web Designer phát hiện trình duyệt bạn đã cài đặt. Để xem trước trong một trình duyệt cụ thể, nhấp vào mũi tên xuống trên nút xem trước và chọn trình duyệt từ danh sách. Trình duyệt bạn chọn trở thành mặc định cho các bản xem trước trong tương lai.Preview button and select the browser from the list. The browser you select becomes the default for future previews.

Lựa chọn kích thước đáp ứng

Đối với các tài liệu đáp ứng, bạn có thể chọn các kích thước mà bạn muốn xem trước bằng cách bật kích thước xem trước trong bảng phản hồi.

Hướng dẫn how to preview html in browser - cách xem trước html trong trình duyệt

Chế độ xem trước

Google Web Designer có các chế độ xem trước khác nhau, tùy thuộc vào loại tài liệu. Bạn có thể chọn chế độ xem trước từ các điều khiển ở đầu trang xem trước.

Bảng dưới đây mô tả các chế độ xem trước có sẵn cho tài liệu của bạn. Quảng cáo biểu ngữ đơn giản không cung cấp các chế độ xem trước.

Nếu tài liệu của bạn chứa thành phần Parallax, bản xem trước sẽ mô phỏng một trang web di động với đủ nội dung để bạn cuộn ở trên và bên dưới thành phần.

  • Thiết bị - Chọn một thiết bị di động hoặc tùy chỉnh. - Select a mobile device or Custom.
  • Xoay thiết bị - Chuyển đổi giữa chân dung và cảnh quan.
    Hướng dẫn how to preview html in browser - cách xem trước html trong trình duyệt
    - Switch between portrait and landscape.
  • Kích thước chế độ xem - Nếu bạn chọn tùy chỉnh cho thiết bị, bạn có thể đặt kích thước mới bằng cách chỉnh sửa trường này hoặc kéo tay cầm thay đổi kích thước của bản xem trước. - If you select Custom for the device, you can set a new size by editing this field or dragging the preview's resize handles.

Quảng cáo Parallax luôn sử dụng chế độ xem trước Parallax.

Loại tài liệuXem trước các chế độ

Có thể mở rộng, trang HTML có thể mở rộng

Bạn có thể tương tác với bản xem trước của tài liệu của bạn để xem nó hoạt động như thế nào.

  • Chế độ xem trước - Chọn máy tính để bàn hoặc thiết bị di động. - Select Desktop or Mobile.
  • Nếu bạn chọn điện thoại di động, bạn có thể chọn từ các tùy chọn bổ sung:Mobile, you can choose from additional options:
    • Thiết bị - Chọn một thiết bị di động hoặc tùy chỉnh. - Select a mobile device or Custom.
    • Xoay thiết bị - Chuyển đổi giữa chân dung và cảnh quan.
      Hướng dẫn how to preview html in browser - cách xem trước html trong trình duyệt
      - Switch between portrait and landscape.
    • Kích thước chế độ xem - Nếu bạn chọn tùy chỉnh cho thiết bị, bạn có thể đặt kích thước mới bằng cách chỉnh sửa trường này hoặc kéo tay cầm thay đổi kích thước của bản xem trước. - If you select Custom for the device, you can set a new size by editing this field or dragging the preview's resize handles.

Quảng cáo Parallax luôn sử dụng chế độ xem trước Parallax.

Loại tài liệu

  • Xem trước các chế độ - Select Single size, or All sizes to see multiple sizes at the same time. The list of sizes includes common sizes for your ad environment as well as any additional serving sizes that you enabled.
  • Có thể mở rộng, trang HTML có thể mở rộng - If you select Single size > Custom, you can set a new size by editing this field, by dragging the preview's resize handles, or by clicking the gray bars along the top or left side of the preview area.

Bạn có thể tương tác với bản xem trước của tài liệu của bạn để xem nó hoạt động như thế nào.

Chế độ xem trước - Chọn máy tính để bàn hoặc thiết bị di động.

  • Nếu bạn chọn điện thoại di động, bạn có thể chọn từ các tùy chọn bổ sung: - Select Single size, or All sample data to see multiple versions using different sample data.
  • Phản ứng nhanh nhẹn - Select which sample data sets to preview.

Bản xem trước cho phép bạn nhìn thấy cách tài liệu phản hồi của bạn hiển thị ở các kích cỡ khác nhau.

Chế độ xem trước - Chọn Kích thước đơn hoặc tất cả các kích thước để xem nhiều kích thước cùng một lúc. Danh sách các kích thước bao gồm các kích thước phổ biến cho môi trường quảng cáo của bạn cũng như bất kỳ kích thước phục vụ bổ sung nào mà bạn đã kích hoạt.

  • Kích thước tùy chỉnh - Nếu bạn chọn Kích thước đơn> Tùy chỉnh, bạn có thể đặt kích thước mới bằng cách chỉnh sửa trường này, bằng cách kéo tay cầm thay đổi kích thước của bản xem trước hoặc bằng cách nhấp vào các thanh màu xám dọc theo phía trên hoặc bên trái của khu vực xem trước.
  • Năng động

Bạn có thể xem trước quảng cáo động của mình với các bộ dữ liệu mẫu khác nhau.

Chế độ xem trước - Chọn Kích thước đơn hoặc tất cả dữ liệu mẫu để xem nhiều phiên bản bằng dữ liệu mẫu khác nhau.Reload

Hướng dẫn how to preview html in browser - cách xem trước html trong trình duyệt
button at the right side of the preview control bar.

Dữ liệu mẫu - Chọn bộ dữ liệu mẫu nào để xem trước.Reload

Hướng dẫn how to preview html in browser - cách xem trước html trong trình duyệt
beneath a single version.

Nhiều hơn một loại?Get shareable link

Hướng dẫn how to preview html in browser - cách xem trước html trong trình duyệt
from the Preview button menu to generate a URL to share with others, who can preview your ad from their browser. You'll need to be signed in to your Google Account.

Một số loại tài liệu loại trừ các tùy chọn cho các loại khác.

Các quảng cáo có thể mở rộng và kẽ chỉ hiển thị một phiên bản tại một thời điểm trong bản xem trước, ngay cả khi chúng cũng phản hồi hoặc động.Preview display based creative ads for mobile in the list of options.

Lưu ý: Tùy chọn xem trước này chỉ có sẵn cho quảng cáo với môi trường quảng cáo của Hiển thị & Video 360, quảng cáo Google hoặc Admob. Quảng cáo AMPHTML và quảng cáo có thể mở rộng mở rộng đến kích thước tùy chỉnh không được hỗ trợ.

Hạn chế cho một số loại quảng cáo

Quảng cáo phản hồi: Nếu quảng cáo của bạn đáp ứng, bạn phải chọn một kích thước cụ thể cho bản xem trước. If your ad is responsive, you must select a specific size for the preview.

Quảng cáo động: Quảng cáo động sẽ chỉ hiển thị các yếu tố giữ chỗ. Tại thời điểm này, không có cách nào để chia sẻ bản xem trước quảng cáo với dữ liệu mẫu hoặc dữ liệu nguồn cấp dữ liệu. Dynamic ads will show only placeholder elements. At this time there's no way to share a preview of the ad with sample data or feed data.

Xem trước trên thiết bị di động

Bạn có thể xem quảng cáo của mình trên điện thoại hoặc máy tính bảng đã cài đặt ứng dụng xem trước sáng tạo. Mở ứng dụng trên thiết bị của bạn và truy cập màn hình Sáng tạo trước khi gửi bản xem trước.Creatives screen before sending the preview.

Lưu ý: Tùy chọn xem trước này chỉ có sẵn cho quảng cáo với môi trường quảng cáo của Hiển thị & Video 360, quảng cáo Google hoặc Admob. Quảng cáo AMPHTML và quảng cáo có thể mở rộng mở rộng đến kích thước tùy chỉnh không được hỗ trợ.

Lựa chọn thiết bị di động

Trong Google Web Designer, đăng nhập với cùng một tài khoản mà bạn đã ghép nối với ứng dụng và bạn sẽ thấy một danh sách các thiết bị được liên kết trong Gửi Xem trước cho Thiết bị trong menu nút Xem trước. Chọn thiết bị bạn muốn gửi sáng tạo đến. Nếu bạn không thấy thiết bị của mình, hãy chọn Danh sách làm mới và đảm bảo rằng bạn đã ghép nối thiết bị của mình trong ứng dụng xem trước sáng tạo.Send preview to device in the Preview button menu. Select the device you want to send the creative to. If you don't see your device, select Refresh list

Hướng dẫn how to preview html in browser - cách xem trước html trong trình duyệt
and make sure that you've paired your device in the Creative Preview app.

Lần đầu tiên bạn gửi bản xem trước đến thiết bị, bạn sẽ được yêu cầu cấp quyền của Google Web Designer để xem trước quảng cáo sáng tạo dựa trên màn hình cho Mobile.

Nếu bạn gặp phải lỗi, bạn có thể cần phải đăng xuất tài khoản của mình trong Google Web Designer (chọn email đăng nhập của bạn từ menu trên cùng), sau đó đăng nhập và kiểm tra & nbsp; xem trước quảng cáo sáng tạo dựa trên hiển thị cho điện thoại di động trong danh sách các tùy chọn.Preview display based creative ads for mobile in the list of options.

Khi bản xem trước được gửi thành công, bạn sẽ thấy quảng cáo trong danh sách các sáng tạo trong ứng dụng xem trước sáng tạo trên thiết bị của bạn. Nhấn vào sáng tạo để xem trước nó.

Theo mặc định, ứng dụng xem trước Creative mở ra các sáng tạo bằng trải nghiệm trong ứng dụng. Để xem trước quảng cáo dành cho xem web di động, nhấp vào biểu tượng thông tin cho Creative và chọn biểu tượng Xem bên cạnh Web di động (Trình duyệt khởi chạy).

Hướng dẫn how to preview html in browser - cách xem trước html trong trình duyệt
icon for the creative and select the View icon next to Mobile web (launch browser).

Tìm hiểu thêm về ứng dụng xem trước sáng tạo.

Hạn chế cho một số loại quảng cáo

Quảng cáo phản hồi: Nếu quảng cáo của bạn đáp ứng, bạn phải chọn một kích thước cụ thể cho bản xem trước. If your ad is responsive, you must select a specific size for the preview.

Quảng cáo động: Quảng cáo động sẽ chỉ hiển thị các yếu tố giữ chỗ. Tại thời điểm này, không có cách nào để chia sẻ bản xem trước quảng cáo với dữ liệu mẫu hoặc dữ liệu nguồn cấp dữ liệu. Dynamic ads will show only placeholder elements. At this time there's no way to preview the ad in the Creative Preview app with sample data or feed data.

Xem trước trên thiết bị di động

Bạn có thể xem quảng cáo của mình trên điện thoại hoặc máy tính bảng đã cài đặt ứng dụng xem trước sáng tạo. Mở ứng dụng trên thiết bị của bạn và truy cập màn hình Sáng tạo trước khi gửi bản xem trước.

Lựa chọn thiết bị di động

Trong Google Web Designer, đăng nhập với cùng một tài khoản mà bạn đã ghép nối với ứng dụng và bạn sẽ thấy một danh sách các thiết bị được liên kết trong Gửi Xem trước cho Thiết bị trong menu nút Xem trước. Chọn thiết bị bạn muốn gửi sáng tạo đến. Nếu bạn không thấy thiết bị của mình, hãy chọn Danh sách làm mới và đảm bảo rằng bạn đã ghép nối thiết bị của mình trong ứng dụng xem trước sáng tạo.