Как я могу поделиться конкретными данными с моего сайта в портах социальных сетей? - PullRequest
Новая
       41

Как я могу поделиться конкретными данными с моего сайта в портах социальных сетей?

0 голосов
/ 20 июня 2019

Я настраиваю веб-сайт и хочу включить возможность публикации результатов формы.

Итак, вы понимаете мой вопрос, вводите детали в форму и нажимаете «перейти», затем данные рассчитываются и появляется модальное (всплывающее окно), чтобы показать вам данные.В этом модальном всплывающем окне мне нужна кнопка «Поделиться».

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

Форма: 

<fieldset>
    <label>How old are you?</label>
    <input type="number" id="myAge" value="" min="1" max="99">
    <label >How many...</label>
    <select id="what" name='what' onchange="calculateTotal()">
        <option value="Cans of Coke">Cans of Coke have I drank</option>
    </select>
    <label>How many per week?</label>
    <input type="number" id="perWeek" value=""><br><br>
    <input type='submit' id='submit' value='How Many!' onclick="myFunction(),buttonHide()"/>
</fieldset>

Затем данные рассчитываются и отправляются в модальное пространство, используя это: 

    document.getElementById("result").innerHTML = "You have had 
        approximately: " + perLife + " " + currentVal +  "Equaling to "+ 
        perLitre.toFixed(2) + " Litres and " + perSugarC.toFixed(2) + " kg 
        of Sugar!";
    document.getElementById("myModal").style.display="block";

Модальное: 

<div id="myModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2>The results are in!</h2>
            <span class="close">&times;</span>
        </div>
        <div class="modal-body">
            <div id="result"></div>
        </div>
        <div class="modal-footer">
            <div class="social-links">
                <a href="https://www.facebook.com/sharer/sharer.php?
                    u="{PAGEURL}"&t={PAGETITLE}" target="myModal" title="Share on
                    Facebook"><i class="fab fa-facebook"></i>
                </a>
            </div>

Я пытался использовать код сайтов Facebook Dev, но не мог сделать дальше, чем просто поделиться своим URL. 

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
}
(document, 'script', 'facebook-jssdk'));</script>

Ниже показано, где кнопка делит веб-адрес, возможно, яможете добавить сюда, чтобы поделиться сайтом и добавить дополнительные данные. 

data-href="https://www.your-domain.com/your-page.html" 
data-layout="button_count">
</div>
...