Note it за външни сайтове

Добави бутон Note it в своя сайт

Когато посетител натисне бутона, Notes.bg автоматично взима заглавието, адреса на страницата и основната снимка на публикацията. Така по-лесно получаваш споделяния, линк към източника и допълнителен трафик обратно към сайта си.

Какво печелиш

Посетителите могат да изпращат твое съдържание към Notes.bg само с един клик.
Автоматично се взимат заглавието, линкът и основната снимка на статията.
Получаваш видимост в Notes.bg и допълнителни посещения към източника.
Бутонът е лек, не изисква плъгин и може да се постави почти навсякъде.

1. Копирай кода отдолу.

2. Постави го в статия, шаблон или widget зона, където искаш да се вижда бутонът.

3. При клик ще се отвори формата на Notes.bg с попълнени данни от текущата страница.

Подходящо за

Новинарски сайтове и блогове
Авто, имотни и местни портали
Каталози, фирмени сайтове и авторски публикации
Страници с полезни ръководства и ресурси

За най-добър резултат е добре страницата да има попълнени og:title и og:image meta тагове. Ако липсват, бутонът ще ползва заглавието на страницата.

Код за поставяне

<a href="#"
   onclick="(function(){
      var title = document.querySelector('meta[property=&quot;og:title&quot;]')?.content || document.title || '';
      var image = document.querySelector('meta[property=&quot;og:image&quot;]')?.content || '';
      var url   = window.location.href;
      var noteUrl =
        'https://www.notes.bg/note-it/' +
        '?t='   + encodeURIComponent(title) +
        '&u='   + encodeURIComponent(url) +
        '&img=' + encodeURIComponent(image);

      window.open(noteUrl, 'notes_noteit', 'width=760,height=820,resizable=yes,scrollbars=yes');
      return false;
   })();"
   style="display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 16px;border-radius:10px;background:linear-gradient(180deg,#0b7dc2 0%,#075f98 100%);color:#ffffff;font:700 15px/1.1 Arial,sans-serif;text-decoration:none;box-shadow:0 10px 24px rgba(7,95,152,.22);border:0;cursor:pointer;">
  <span>Note it</span>
</a>

Преглед на бутона

Note it