Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
11 / 11 / 5
Регистрация: 07.07.2014
Сообщений: 203
1

Якорь для социальных кнопок Яндекс

17.03.2016, 20:46. Показов 1219. Ответов 4
Метки нет (Все метки)

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

Якоря расставил по типу:
HTML5
1
2
3
<a id="text1"></a>
<a id="text2"></a>
<a id="text3"></a>
и т.д.

Работают как:
site.ru/music.html#text1 и т.д.

Заранее благодарен всем откликнувшимся
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
17.03.2016, 20:46
Ответы с готовыми решениями:

Искажение структуры дизайна при размещении кнопок социальных сетей
Создал сайт http://filov.net пытаюсь разместить кнопки соц сетей в один ряд в блоке голосуем за...

Разместить закладки из кнопок социальных сетей внизу сайта ucoz по центру
Добрый день. Нужна ваша помощь ребята. Нужно разместить закладки из кнопок социальных сетей внизу...

свои стили для социальных боксов
Кто посдкажет, методами js или php достать информацию с кнопок, а именно, количество подписавшихся...

Модуль кнопок социальных сетей для Joomla 2.5
Посоветуйте пожалуйста модуль кнопок социальных сетей для Joomla 2.5, не коммерческий,...

4
725 / 367 / 197
Регистрация: 20.05.2015
Сообщений: 639
17.03.2016, 21:20 2
Квас, Я надеюсь правильно вас понял и смогу обьяснить. Если открыть документацию Яндекс.Шер. Мы увидим атрибут:

data-url
Ссылка, которой нужно поделиться.
Любой URL. По умолчанию указывается URL страницы, на которой размещен блок.

Это будет работать, если статично прописать якорь на определенный блок у вас на странице.

Для вас сделал пример, свои ссылки вставлять нельзя, но я попробую. __https://evikza.ru/y_test/

При нажатии кнопки "Поделиться" вызывается меню и ссылка имеет вид: evikza.ru/y_test/#block2 (в моем случает, кнопки выглядят вот так)

HTML5
1
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki" data-url="https://evikza.ru/y_test/#block2"></div>
Вот исходники:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
    <!-- подключаем яндекс шер -->
    <script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
 
<body>
    <div class="Y_share">
    <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki" data-url="https://evikza.ru/y_test/#block2"></div>
    </div>
 
    <div id="block1">Якорь1</div>
    <div id="block2">Якорь2</div>
    <div id="block3">Якорь3</div>
</body>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
    * {
        margin: 0;
        padding: 0;
    }
    body {
        font: 36px 'Roboto';
    }
    #block1 {
        width: 100%;
        height: 100vh;
        background: #2ecc71;
    }
    #block2 {
        width: 100%;
        height: 100vh;
        background: #e67e22;
    }
    #block3 {
        width: 100%;
        height: 100vh;
        background: #3498db;
    }
    .Y_share {
        position: fixed;
        top: 20px;
        right: 20px;
        padding: 15px;
        background: #fff;
        border-right: 5px;
        z-index: 25;
    }
P.s Возможно, вам необходимо якоря присваивать динамически. Эта проблема тоже решаема, но скорее всего при помощи js
1
11 / 11 / 5
Регистрация: 07.07.2014
Сообщений: 203
17.03.2016, 21:33  [ТС] 3
Ой, точно. Не заметил url в строке. Перегрелся)
Спасиб!
0
725 / 367 / 197
Регистрация: 20.05.2015
Сообщений: 639
17.03.2016, 21:37 4
Квас, а этого url и нет в строке. Атрибут отдельно добавляется. Вот почитайте документацию. Нижний пункт в таблице. __https://tech.yandex.ru/share/doc/dg/add-docpage/
0
11 / 11 / 5
Регистрация: 07.07.2014
Сообщений: 203
17.03.2016, 21:42  [ТС] 5
Да я его сразу добавил, просто с якорем не сообразил. Жесть короче)
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
17.03.2016, 21:42

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Как создать общий счетчик для социальных кнопок типа SHARE
Всем привет! Встала передо мной такая задача. Учитывать каждое действие пользователя:...

Как прописать код, что бы код для социальных кнопок?
Всем привет! Редактирую файл footer.php шаблона для WP. Не могу понять как сделать, что бы при...

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

Размещение социальных кнопок на блог
Здравствуйте. Возник такой вопрос. Сегодня хотел разместить на блог в футер кнопки (лайки) от...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.