Menu Close

Integrate Onesignal directly into the Tistory blog to send web push manual messages

In the Tistory blog, the Web push alarm (which pops up like a katok message on mobile, etc.) is very simple to implement with Onesignal. So, if you search for linkage method with Google, you can realize web push automatically through three-step linkage through Tisotry-Zapier-Onesignal through 'Zapier' online automatic work linkage system.

I don't know if you're writing to a blog and you've necessarily killed your web push automatically, but you don't have to go through this complicated process. In addition, there are many risk factors, such as changing or disappearing Zapier's policy, so it's much simpler and simpler to connect the tistory and the original signal with basic settings, and to send an alarm manually whenever you post. And you need to be able to use the manual messaging feature anyway if you want to take advantage of the raw signal, such as sending specific messages to subscribers or notifying them of events.

This is the simplest way to integrate Tistory source signals, and the tutorial is the easiest way to send messages.

20191104-티스토리-블로그에-원시그널-Onesignal을-직접-연동해서-웹푸쉬-수동-메시지를-보내자-integrate-onesignal-directly-into-the-tistory-blog-to-send-web-push-manual-messages.gif

    Onesignal subscription and settings

  1. priority Onesignal registration pageGo to and sign up. It can be created with an email address, GitHub, Google, or Facebook ID. When signing up in person, enter your Email Address, Password, Company or Organization Name, and enter your organization name as appropriate. When you complete the registration by pressing the 'Create Account' button, you will receive a confirmation email by email.
  2. After signing up and logging in, 'All Applications' pagePress the 'ADD APP' button at the top left corner of the.
  3. Then 'Add a New App' window appears, write down the app name (APP NAME) and press 'ADD APP' to create it. It is not a push that comes from the name you specify here, but just a name to distinguish it from OneSignal.
  4. You need to select a platform from the 'Select one platform to configure' menu, select 'Web Push' with a chrome icon and proceed to Next.
  5. Go to 'Configure Web Push' menu and select 'Typical Site' from 'Choose Integration' submenu.
  6. You will now need to enter your Tistory blog site information in Site Setup. The last 'HTTPS' part is really important.
  7. 'SITE NAME' - title of the blog
  8. 'SITE URL' - Site address, including "https: //"
  9. 'AUTO RESUBSCRIBE(HTTPS ONLY)' - It is an automatic resubscription feature, and cannot be used in Tistory.
  10. 'DEFAULT ICON URL' - The profile image shown to the user when the raw signal is sent. Use your own blog profile link or upload an image directly via the 'UPLOAD' button on the right.
  11. 'My site is nor fully HTTPS' - It's really important, but it's a feature you use when your site isn't fully 'HTTPS', but you must click on it to turn it on, since it's incomplete even if it supports 'HTTPS'. ). Turn on the feature and write the appropriate label in the 'CHOOSE A LABEL' section. To avoid confusion, write down the site address (ex gkkmon.OS.TC). If you turn this feature on, push notifications will change domain addresses like 'gkkmon.os.tc' instead of 'gkkmon.com', and you'll get one more notification page when you subscribe. You must use this without any condition.

    Notification Details-Permission Prompt Setup

  1. Now you need to make detailed settings in the 'Permission Prompt Setup' menu. We'll create a 'Subscription Bell' and a 'Slide Prompt' that pops up.
  2. Turn on the editor by pressing the 'ADD A PROMPT' button at the bottom.
  3. Select 'SUBSCRIPTION BELL' from 'PROMPT TYPE' on the upper left.
  4. 'SIZE' is the size of the button, 'LOCATION' is where the subscription bell comes from on the bottom left and bottom right of the site, and 'COLOR' of course sets the color.
  5. If you turn on the 'Hide bell if user is subscribed' function of 'VISIBLITY', the subscription bell disappears when the user subscribes. It has the advantage of preventing the user canceling the subscription by double clicking by mistake, but it has the disadvantage that it is inconvenient to control afterwards such as canceling the subscription.
  6. Other settings like 'Customize bell text' Detailed settings for the Onesignal plug-inSame as in
  7. Press the 'SAVE' button at the bottom right corner and a subscription bell is created.
  8. Press the 'ADD A PROMPT' button again to turn on the editor and this time select 'SLIDE PROMPT' from the menu.
  9. You can use it as it is, but it's all English and the message is hard.
  10. Turn on the 'Customize slide prompt text' function at the bottom and enter the text to be written in the notification window in 'ACTION MESSAGE'.
  11. In 'BUTTONS' you can enter the letters of the button, such as 'Yes' or 'No'.
  12. Similarly, pressing the 'SAVE' button saves a popup slide message.

    Miscellaneous settings

  1. Welcome Notification is a subscription welcome message.
  2. You can write the message title in 'TITLE' and the message content in 'MESSAGE'. Later, when you send a message manually, you send it in a similar way, and you can preview the message you will receive in the form of a preview on the right.
  3. Turn on the 'Open link when clicking welcome notification' feature to go to the site when you click on the message.
  4. The next 'Advanced' menu actually works just fine if left alone. To briefly describe the required features
  5. 'CLICK BEHAVIOR' sets the details, such as whether to open in a new tab or the current window.
  6. 'PERSISTENCE' decides whether the notification will disappear automatically or until it is clicked.
  7. When all other settings are completed, press the 'SAVE' button at the bottom to complete the setting.

    Tistory and Onesignal linkage

  1. After completing the configuration, the script code for 10 lines is completed in 'Add Code to Site'. You can copy this code by pressing the 'COPY CODE' button and inserting it between 'head' and '/ head' in the HTML of the story. If you don't know, don't turn off the window. Copy the code to Notepad.
  2. Access the Tstory Blog Admin Page → Edit Skin → Edit HTML.
  3. Press 'Ctrl + F' to search for 'head', put the copied code in the top line and press the orange 'Apply' button in the upper right corner to complete.

At this point, all configuration and tistory integration is complete. If you access the blog, you will see a subscription slide message appear with the subscription bell. Onesignal app pageYou can check and monitor at, and you can select the app name and set up more detailed dashboard, manual message, reservation function, setting, etc. freely and finely. For reference, if you press the 'Apple Safari' button in 'Settings' and write down the site name and address, you can also alarm on Mac and Safari (not Safari for iPhone).

Details such as manual messages will be retrieved in new posts when the opportunity arises. Then use push alarms through Onesignal in Tistory simply and reliably with just one setting!

Comment (Information not required)

Posted in All, Information

이메일 구독 - Email Subs

최선을 다해 직접 만든 콘텐츠만 공유합니다.
We share the best content we have created.