You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

58 lines
2.8 KiB

  1. <?
  2. use \Michelf\MarkdownExtra;
  3. $this->layout('layout-loggedin', ['title' => $title, 'accounts' => $accounts, 'user' => $user, 'return_to' => $return_to]);
  4. ?>
  5. <div class="ui main text container api-docs" style="margin-top: 80px;">
  6. <h1>Superfeedr Integration</h1>
  7. <? ob_start(); ?>
  8. You can use Telegraph to receive Webmentions when your site is linked to by any website tracked by Superfeedr, even if that site doesn't send Webmentions itself!
  9. <h2 class="ui dividing header">Setup</h2>
  10. From the top right menu, click the "New Site" link.
  11. <img src="/assets/superfeedr/create-new-website.png" class="tutorial-image">
  12. Enter "Mentions" for the name (or anything you want, but that's what I use), and enter your home page URL. Entering your URL here is how Telegraph knows which links in the Superfeedr feed to send webmentions for.
  13. <img src="/assets/superfeedr/new-site-form.png" class="tutorial-image">
  14. After you create the site, click on the settings icon next to the name.
  15. <img src="/assets/superfeedr/site-created.png" class="tutorial-image">
  16. Near the bottom, there is a Superfeedr Webhook URL. Copy that URL since we'll need it in the next step.
  17. <img src="/assets/superfeedr/site-settings.png" class="tutorial-image">
  18. <h2 class="ui dividing header">Superfeedr Configuration</h2>
  19. Now we need to sign up with Superfeedr and create a tracking feed. Create an account by visiting the [Superfeedr Tracker page](https://superfeedr.com/tracker). Make sure to choose "Tracker" from the account type dropdown. If you already have a Publisher or Subscriber account, you'll need to make a new Tracker account for this.
  20. <img src="/assets/superfeedr/superfeedr-signup.png" class="tutorial-image">
  21. Once you've signed up, you'll land on the Superfeedr dashboard. Click "Search and Track" to create a new tracker.
  22. Enter `link:aaronparecki.com` as the query term, obviously replacing the domain with your own, and set the format to "json". Paste your Telegraph URL from the setup process into the Callback/Webhook URL field. Then click "Subscribe"!
  23. <img src="/assets/superfeedr/superfeedr-configuration.png" class="tutorial-image">
  24. At this point your tracker feed is live, and Superfeedr will begin sending web hooks to Telegraph whenever a new item is found that links to your website!
  25. Unfortunately nothing will happen right away, so you'll have to wait for someone to publish a blog post that links to you. Check back in a little while and you should see some webmentions show up on your Telegraph dashboard!
  26. <img src="/assets/superfeedr/telegraph-dashboard-mentions.png" class="tutorial-image">
  27. Here you can see a few of the mentions I've received from my Superfeedr tracker, including one from Stack Overflow which doesn't yet send webmentions on its own!
  28. <br>
  29. <?
  30. $source=ob_get_clean();
  31. echo MarkdownExtra::defaultTransform($source);
  32. ?>
  33. </div>