Блог

Я создаю некоторую ссылку-приманку, которая в основном представляет собой размещенный извне файл .js, который люди могут размещать на своих веб-сайтах. Я хотел бы, чтобы сопровождающая HTML-ссылка сопровождала виджет, однако я хотел бы, чтобы виджет определял, присутствует ли ссылка. т.Е.

 amp;<script src="http://domain.com/foo.js">amp;</script><br />
by amp;<a href="http://domain.com">My Siteamp;</a> amp;<-- detect this is here
  

Проблема в том, что я не знаю, на каких сайтах будет размещен мой виджет.

есть идеи?

 var l = document.links, myLinkTest = false;
var linkcount = l.length;
while(linkcount > 0 amp;amp; !myLinkTest) {
  if(l[linkcount-1].href == "http://domain.com"){myLinkTest = true;}
  linkcount --;
}
var widget = function(){
  if(myLinkTest){
    //do stuff
  }
}();
  

Протестируйте все ссылки на странице и запустите функцию скрипта только в том случае, если ваша ссылка найдена?

Вы можете просмотреть все элементы привязки и убедиться, что там есть привязка с этим href, или проверить по другим критериям.

 var isMyLinkPresent = function () {
    var anchors = document.getElementsByTagName('a');
    for (i = 0; i < anchors.length; i  ) {
        if(anchors[i].attr('href') === "http://domain.com") {
            return true;
        }
    };
    return false;
}
//in case you want to notify you own server of the presence, this will send a request to your server for picking up which site actually has the link
(function () {
    if (isMyLinkPresent()) {
        var script = document.createElement('script');
        script.attr('src', 'http://domain.com/tellmewhichsitehasit?site='   window.location.host)
        document.head.appenChild(script);
    }
})();
  

В качестве альтернативы вы могли бы поместить ссылку самостоятельно с помощью javascript, но тогда у вас должен быть какой-то API, который будет использовать веб-мастер. Например, в атрибуте ‘src’ скрипта вы можете добавить параметры, которые затем можно выбрать при генерации javascript или интерпретировать его, посмотрев на src.