Thông báo đẩy Push Notification trên điện thoại cho Blogspot

Chắc hẳn bạn không còn xa lạ với cách thông báo quen thuộc của facebook nữa nhỉ, hiện nay rất nhiều blog, website lớn đã tích hợp vì sự tiện dụng của nó đem về không ít lượng truy cập từ người dùng vậy thì tại sao bạn không theo họ nhỉ

Nếu làm blogspot thì hơi khó vì ta không có hosting lưu trữ để làm điều đó nên phải nhờ từ ứng dụng bên ngoài, khá nhiều blogger sử dụng Pushcrew nhưng nhược điểm là gói miễn phí chỉ giới hạn 500 người và không có thông báo về điện thoại nếu muốn bạn phải nâng cấp mất 1 khoản phí không nhỏ hôm nay mình sẽ hướng dẫn các bạn tích hợp qua OneSignal dùng miễn phí và hỗ trợ thông báo đẩy qua mobile

Trước hết bạn hãy đăng ký tài khoản tại https://os.tc/ sau đó tạo 1 ứng dụng tại Add a new app
Vào cài đặt tại App settings bạn sẽ thấy biểu tượng các trình duyệt muốn thêm vào trình duyệt gì thì kích Configure sau só nhập trang web của bạn và hình ảnh mặc định khi thông báo,vì blogspot chưa hỗ trợ https nên bạn tích vào trang web tôi không phải là https và tạo SubdomainName cho ứng dụng

Sau khi tạo ứng dụng xong bạn quay lại App settings vào phần Keys & IDs copy đoạn mã OneSignal App ID thay vào phần màu đỏ và thay subdomain name của bạn vào phần màu xanh.

<script async='async' src='https://cdn.onesignal.com/sdks/OneSignalSDK.js'/>
  <script>
    var OneSignal = window.OneSignal || [];
    OneSignal.push([&quot;init&quot;, {
      appId: &quot;6e967caf-0772-4ed9-bf7d-c7594c143556&quot;,
      autoRegister: false, /* Set to true to automatically prompt visitors */
      subdomainName: &#39;blognghiaanh&#39;,
      /*
      subdomainName: Use the value you entered in step 1.4: http://imgur.com/a/f6hqN
      */
      httpPermissionRequest: {
        enable: true
      },
      notifyButton: {
          enable: true /* Set to false to hide */
      }
    }]);
  </script>