Как встроить таймлайн без ретвитов?

Question

Я внедряю временную шкалу на мой сайт. Однако мои ретвиты отображаются там, и я не хочу их.

Есть ли простой способ отключить их? Я не могу найти

Мой поисковый запрос from:myaccount. Я также пробовал from:myaccount -RT, не повезло. Я могу скрыть ретвиты с помощью виджета поиска, но твиты старше недели не показаны, что неприемлемо в моем случае.

Скрытие твитов с помощью некоторой магии CSS также будет в порядке. Мне удалось выяснить, что вручную вставив

div.timeline-Tweet--isRetweet { 
    display: none !important; 
} 

в CSS для встроенного HTML делает трюк, но я не могу управлять, чтобы сделать это программно.

Answer 1

Адаптация из моих комментариев

Чтобы пойти с инъекцией взломанного стиля, просто поместите следующий код в тег скрипта. Это помещает на ваш сайт тег сценария https://platform.twitter.com/widgets.js, чтобы он больше не нуждался в нем как отдельный тег сценария.

// widgets script loading taken from Twitter 
window.twttr = (function (d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0], 
     t = window.twttr || {}; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); 
    js.id = id; 
    js.src = "https://platform.twitter.com/widgets.js"; 
    fjs.parentNode.insertBefore(js, fjs); 

    t._e = []; 
    t.ready = function (f) { 
     t._e.push(f); 
    }; 

    return t; 
}(document, "script", "twitter-wjs")); 

twttr.ready(function (twttr) { 
    twttr.events.bind("rendered", function (event) { 
     var widgetFrame = event.target; 
     var retweets = widgetFrame.contentDocument.querySelectorAll('div.timeline-Tweet--isRetweet'); 
     retweets.forEach(function (node) { 
      if (node.parentNode) { // (in)sanity check 
       node.parentNode.style = 'display: none;' // hide entire parent li tag 
      } 
     }) 
    }); 
}); 

Замечание об этом

Мы родительский узел, как каждый div.timeline-Tweet--isRetweet сидит в li тег, который дает вам границу, так что вы в конечном итоге с какой-то странной двойной границы осталось после того, как скрытые ретвитов. Я думаю, что нет способа добраться до родителя с помощью селекторов CSS, поэтому мы должны сделать это с помощью кода.

Еще одно замечание

После хак сильно зависит от способа, как содержание сроков структурированы, и те могут быть изменены без уведомления от Twitter, так что вы рискуете здесь один прекрасный день вы проснетесь с вами штанами и ретвитов назад в вашей временной шкале;)

---

Update

нормально здесь v2, прослушивающие обновления s на ol ... но после того, как писать его я начинаю понимать др Франкенштейн чувства;)

window.twttr = (function (d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0], 
     t = window.twttr || {}; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); 
    js.id = id; 
    js.src = "https://platform.twitter.com/widgets.js"; 
    fjs.parentNode.insertBefore(js, fjs); 

    t._e = []; 
    t.ready = function (f) { 
     t._e.push(f); 
    }; 

    return t; 
}(document, "script", "twitter-wjs")); 

twttr.ready(function (twttr) { 
    twttr.events.bind("rendered", function (event) { 
     var frameDoc = event.target.contentDocument; 

     // initially hide retweets 
     var hideRetweets = function() { 
      var retweets = frameDoc.querySelectorAll('div.timeline-Tweet--isRetweet'); 
      retweets.forEach(function (node) { 
       if (node.parentNode && node.parentNode.style !== 'display: none;') { // (in)sanity check 
        node.parentNode.style = 'display: none;' // hide entire parent li tag 
       } 
      }); 
     }; 

     hideRetweets(); 

     // Twitter widget emitts no events on updates so we hook up ourselves to ol element to listen on it for additions of children 
     var watcher = new MutationObserver(function (mutations) { 
      // check whether new tweets arrived 
      var hasNewTweets = mutations.some(function (mutation) { 
       return mutation.addedNodes.length > 0; 
      }); 
      if (hasNewTweets) { 
       hideRetweets(); // rescan all tweets as it is easier 
      } 
     }); 
     watcher.observe(frameDoc.querySelector('ol.timeline-TweetList'), { childList: true }); 
    }); 
}); 

Answer 2

Это довольно просто. Мы будем использовать, например caitp88 счета для демо ^{вы можете следить за ней потом, если вы хотите Тхо)}

Как вы можете видеть в своем профиле, последний твит является Retweet

Но дон «Не хочу ретвитов, не так ли?

Так мы идем искать форму и тип from:caitp88 -RT

Затем мы создаем встраивании из этого поиска виджет открывает окно настроек, просто нажмите на создать виджет

Виджет не содержит ретвитов
В действии:

Не забудьте изменить caitp88 на свою твиттер ручку

И ПРИМЕЧАНИЕ ЭТО ОФИЦИАЛЬНОЕ, ЮРИДИЧЕСКОЕ РЕШЕНИЕ

Answer 3

Я думаю, что «от: MyAccount -RT» должен работать , как уже упоминал Медет Тлекабилулы. Однако есть некоторые вещи, которые я хочу добавить:

1. -RT запрос будет по-прежнему включать цитируемые ретвиты, поскольку он больше похож на ваш собственный твит, чем RT.
2. Если вы хотите получить полный контроль над твитами, вы можете попробовать TwitterFetcher, который возвращает твиты как данные JSON вместо встроенного iframe.

Answer 4

Вот как это сделать, используя свой CSS.

Виджет временной шкалы Twitter создает IFrame, в который я вставляю тег стиля, содержащий ваш CSS. Это должно произойти после загрузки виджета.

Конечно, это хрупкий способ сделать это и может не работать, если Twitter изменит способ отображения временных графиков.

// initialisation copied from Twitter API documentation 
window.twttr = (function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0], 
     t = window.twttr || {}; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); 
    js.id = id; 
    js.src = "https://platform.twitter.com/widgets.js"; 
    fjs.parentNode.insertBefore(js, fjs); 

    t._e = []; 
    t.ready = function(f) { 
     t._e.push(f); 
    }; 

    return t; 
}(document, "script", "twitter-wjs")); 

twttr.ready(function(twttr) { 
    twttr.events.bind("rendered", function(event) { 
     var widgetIframe = event.target; 

     var style = widgetIframe.contentDocument.createElement("style"); 
     style.innerHTML = "div.timeline-Tweet--isRetweet { display: none}"; 

     widgetIframe.contentDocument.head.appendChild(style); 
    }); 
}); 

Вот скрипку с бок о бок сравнения корма с использованием этой методики: https://jsfiddle.net/cLc84Lrs/2/

Answer 5

У вас есть несколько ответов выше о том, как удалить ретвиты, но проблема на исторических данных, что твиттер не выдавайте данные более чем за неделю или около того в исторических данных. (связанный с вопросом stackoverflow: Stackoverflow: Getting historical data from twitter)

Ответ на этот вопрос - это платные услуги, предоставляющие исторические данные (с некоторыми редкими бесплатными опциями). Пример этих услуг Gnip (с историческим твиттером API) или Followthehashtag (там вы можете сделать 1 поиск свободного дня, который дает до 500 твитов с 2006 года, но не уверен, о поддержке API.)