Facebook “Как Эта” Функция - Время и Усилие, требуемое интегрироваться с существующим сайтом электронной коммерции?

Question

Facebook “Как Эта” Функция - Время и Усилие, требуемое интегрироваться с существующим сайтом электронной коммерции?

Сколько времени, и что основные шаги, вовлечены в интеграцию функции "Like This" Facebook в существующий сайт электронной коммерции?

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

Какие-либо рекомендуемые учебные руководства, возможно?

Спасибо

Править: Рис. для защиты антинеоднозначности: alt text

1

facebook

задан Brian Webster 25 May 2010 в 23:02

2 ответа

Accepted Answer

Это действительно не могло быть намного проще. Добавьте js facebook в заголовок и вставьте тег . Илисуществует решение на основе </code>, которое не требует включения js. </p> <p> Примеры обоих доступны через генератор кода <a href="http://developers.facebook.com/docs/reference/plugins/like" rel="nofollow noreferrer"> facebook</a>. Базовое выполнение должно занять менее часа. Если вы пойдете на все, это может занять день снаружи. </p> </div> <div class="votes-answer green"> <div class="vote-count" itemprop="upvoteCount">2</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан <span title="3 September 2019 в 00:18 ">3 September 2019 в 00:18 </span> </div> <a class="s-link" href="/questions/302960/facebook-kak-eta-funkcija-vremja-i-usilie-trebuemoe-integrirovatsja-s-suschestvujuschim-sajtom-elektronnoj-kommercii#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-871226"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> </ul> </div> </div> </div> </div> <div class="answer" id="871229" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p> Вы имеете в виду функцию Facebook, где пользователи могут «лайкать» внешние страницы? Если да ... </p> <p> Я бы порекомендовал взглянуть на <a href="http://www.addthis.com/" rel="nofollow noreferrer"> Add This </a>, а не на вашу собственную реализацию, которая может занять некоторое время - они предлагают простое копирование и вставку фрагмента javascript, который добавит Функциональность Facebook нравится, а также другие варианты социальных закладок для каждой страницы вашего продукта. Они также позволяют отслеживать продукты, добавляемые в закладки, и отслеживать переходы от пользовательских закладок.</p> <p> Если вы имеете в виду вашу собственную настраиваемую функцию для вашего сайта, чтобы пользователи «лайкали» продукты, а затем выделяли их на ленте / домашней странице, тогда вам нужно будет отслеживать эти «лайки» от пользователей в базе данных и отображать их в соответствующую страницу. Время, необходимое для разработки такой функции, действительно зависит от того, насколько далеко вы хотите ее зайти. Очевидно, что набор функций Facebook огромен, и я бы не подумал, что вы захотите превратить свой сайт электронной коммерции в слишком большую часть социальной сети ... поэтому я предполагаю, что вы имеете в виду что-то вроде <a href="http://www.addthis.com/" rel="nofollow noreferrer"> Добавить это </a>? </p> ] </div> <div class="votes-answer"> <div class="vote-count" itemprop="upvoteCount">0</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан <span title="3 September 2019 в 00:18 ">3 September 2019 в 00:18 </span> </div> <a class="s-link" href="/questions/302960/facebook-kak-eta-funkcija-vremja-i-usilie-trebuemoe-integrirovatsja-s-suschestvujuschim-sajtom-elektronnoj-kommercii#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-871229"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> </ul> </div> </div> </div> </div> <div style="margin-top: 20px;"> Другие вопросы по тегам: <div class="tags" style="display: inline-block; float: none;"> <a href="/questions/tagged/facebook" class="tag" title="facebook" rel="tag">facebook</a> </div> <h3 class="m-t-20">Похожие вопросы:</h3> <div class="related-block"> <ul> <li><div class='votes-answer green'><span class='vote-count'>17</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/14902/parametr-razmera-izobrazheniya-po-umolchaniyu-dlya-api-facebook-dublikat" title="Параметр размера изображения по умолчанию для API Facebook [дубликат] ">Параметр размера изображения по умолчанию для API Facebook [дубликат] </a> - 20 February 2014 02:49 </li> <li><div class='votes-answer green'><span class='vote-count'>17</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/826/facebook-graph-api-pagez-al-bomy-zadanie-razmera-dlya-izobrazhenij-dublikat" title="Facebook Graph API Pages Альбомы - задание размера для изображений [дубликат] ">Facebook Graph API Pages Альбомы - задание размера для изображений [дубликат] </a> - 20 February 2014 02:49 </li> <li><div class='votes-answer green'><span class='vote-count'>12</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/25436/kak-identificirovat-kazhduyu-pol-zovatel-skuyu-obshhuyu-ssy-lku-na-facebook-ili-net-dublirovat" title="Как идентифицировать каждую пользовательскую общую ссылку на facebook или нет [дублировать] ">Как идентифицировать каждую пользовательскую общую ссылку на facebook или нет [дублировать] </a> - 17 June 2015 08:19 </li> <li><div class='votes-answer green'><span class='vote-count'>12</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/27989/isklyuchit-isklyuchenie-ukazatelya-pri-sozdanii-maketa-programmno-dublirovat" title="Исключить исключение указателя при создании макета программно [дублировать] ">Исключить исключение указателя при создании макета программно [дублировать] </a> - 26 May 2016 16:15 </li> <li><div class='votes-answer green'><span class='vote-count'>12</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/125724/kakoj-bibliotekoj-net-facebook-luchshee-dolzhno-polzovatsja" title="Какой Библиотекой.NET Facebook лучшее должно пользоваться?">Какой Библиотекой.NET Facebook лучшее должно пользоваться?</a> - 4 December 2008 13:50 </li> <li><div class='votes-answer green'><span class='vote-count'>11</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/22381/facebook-login-php-z-dk-z-ez-z-ion-i-header-ne-rabotaet-dublikat" title="Facebook login php sdk session и header не работает [дубликат] ">Facebook login php sdk session и header не работает [дубликат] </a> - 16 January 2014 19:41 </li> <li><div class='votes-answer green'><span class='vote-count'>11</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/11687/magazin-facebook-potyanul-nepravil-ny-e-miniatyury-ot-z-hopify-duplicate" title="Магазин Facebook потянул неправильные миниатюры от Shopify [duplicate] ">Магазин Facebook потянул неправильные миниатюры от Shopify [duplicate] </a> - 13 July 2015 19:16 </li> </ul> </div> </div> </div> </div> </div> <aside class="sidebar"> <div class="awrap"> <script async src="https://yastatic.net/pcode-native/loaders/loader.js"></script> <script> (yaads = window.yaads || []).push({ id: "553274-2", render: "#id-553274-2" }); </script> <div id="id-553274-2"></div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-2355906945027976" data-ad-slot="8038370725"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </aside> </div> </div> <footer class="footer"> <div class="wrapper wrapper--sm"> <div class="footer-navs-col"> <div class="footer-nav footer-nav--menu"> <div class="footer-coryright">© 2017 - 2020 Вопросы и ответы по программированию</div> </div> <div class="footer-nav footer-nav--catalog"> </div> </div> <div class="footer-contacts-col"> <div class="soc-widget-col"> </div> </div> <div class="clearfix"></div> </div> </footer> </div> <script type="text/javascript" src="/js/ui/jquery-ui-1.8.16.custom.min.js"></script> <script type="text/javascript" src="/js/ui/external/jquery.cookie.js"></script> <script type="text/javascript" src="/js/versions/menu.ru.u1607887878.js"></script> <script type="text/javascript" src="/js/jquery.fancybox.min.js"></script> <script type="text/javascript" src="/js/slick.min.js"></script> <script type="text/javascript" src="/js/jquery.maskedinput.min.js"></script> <script type="text/javascript" src="/js/versions/scripts.ru.u1607887878.js"></script>  <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; var z = null;m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(90030325, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/90030325" style="position:absolute; left:-9999px;" alt="" /></div></noscript>   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-123993370-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-123993370-1'); </script> </div> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "Программирование - вопросы и ответы", "alternateName": "Программирование - вопросы и ответы", "url": "https://legkovopros.ru", "potentialAction": { "@type": "SearchAction", "target": "https://legkovopros.ru/search?search={search_term_string}", "query-input": "required name=search_term_string" } } { "@context": "https://schema.org", "@type": "Organization", "name": "Программирование - вопросы и ответы", "url": "https://legkovopros.ru", "logo": "https://legkovopros.ru/i/logo.png", "email": "info@legkovopros.ru", "telephone": "" } </script> </body> </html>