Скрипт masha.js - отметить интересный фрагмент текста на сайте.

← Назад в записки веб-программиста

Скрипт masha.js - отметить интересный фрагмент текста на сайте.

jsсеоинтересный текстцитирование

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

Я столкнулся с этой утилитой, когда передо мной встала задача повысить посещаемость с помощью некоторых способов, связанных с цитированием интересных текстов, которыми бы люди делились между собой. Такой способ очень хорошо повлиял бы на раскрутку сайтов.

Полную информацию о скрипте можете найти на официальном сайте - http://mashajs.com

В первую очередь подключаем файлы для работы утилиты. В моем случае это выглядит так:


	<script type="text/javascript" src="/web-notes/mashajs/js/masha.min.js"></script>
	<link rel="stylesheet" href="/web-notes/mashajs/css/masha.css" type="text/css" media="screen, projection" /> 
				

Теперь добавляем следующий код на страницу до цитируемого текста, желательно в тег :


	<script type="text/javascript">
		if(window.addEventListener){     
			window.addEventListener('load', function(){
				// can be called by domready
				MaSha.instance = new MaSha();
			}, false);
		} else {
			window.attachEvent('onload', function(){
				// can be called by domready
				MaSha.instance = new MaSha();
			});
		}
	</script>
				

И добавляем id="selectable-content" блоку, в котором будет находиться текст, который необходимо отмечать.

Результат работы можете посмотреть на демо странице, обратите внимание на адрес страницы. Именно им нужно делиться с людьми.

ДемоСмотреть демо