/**
* Render Settings Page Content
*
* @return void
*/
public function admin_page()
{
?>
<script type="text/javascript">
jQuery( function($) {
$('[name="mode"], #auto_add').change(function (){
var modeSelected = $('[name="mode"]:checked').val();
var autoAdd = $('#auto_add').is(':checked');
if ( modeSelected === 'advanced' )
{
$('#auto_add_section, #app_id_section').show();
if (autoAdd) {
$('#app_id_section, #sdk_locale_section').show();
$('#setup-guide').hide();
}
else {
$('#app_id_section, #sdk_locale_section').hide();
$('#setup-guide').show();
}
}
else
{
$('#setup-guide, #auto_add_section, #app_id_section, #sdk_locale_section').hide();
}
});
$('[name="mode"], #auto_add').trigger('change');
});
</script>
<style type="text/css">
#setup-guide{
margin: 30px 0;
padding: 0 30px 30px 30px;
border: 1px solid #eee;
}
#setup-guide hr{
border: none;
border-top: 1px solid #eee;
}
#setup-guide pre{
background: #ddd;
padding: 15px 0;
}
</style>
<div class="wrap">
<h2><?php
_e('Get Facebook Likes', 'get-facebook-likes');
?>
</h2>
<?php
// Display success message when settings saved
if (isset($_GET['success'])) {
?>
<div id="message" class="updated notice is-dismissible">
<p><?php
_e('Settings <strong>saved</strong>.', 'get-facebook-likes');
?>
</p>
<button type="button" class="notice-dismiss"><span class="screen-reader-text">Dismiss this notice.</span></button>
</div>
<?php
}
?>
<form action="options.php" method="post" id="poststuff">
<?php
settings_fields('get_facebook_likes');
?>
<div id="post-body" class="metabox-holder columns-2">
<div id="postbox-container-2" class="postbox-container">
<div class="meta-box-sortables">
<?php
do_action('gfl_before_general_settings');
?>
<div class="postbox">
<div class="handlediv" title="Click to toggle"> <br></div>
<h3 class="hndle ui-sortable-handle"><?php
_e('General Settings', 'get-facebook-likes');
?>
</h3>
<div class="inside">
<table class="form-table">
<tr valign="top">
<th><?php
_e('Mode', 'get-facebook-likes');
?>
</th>
<td>
<div>
<label>
<input type="radio" name="mode" value="basic" <?php
if (gfl_setting('mode') == 'basic') {
echo 'checked';
}
?>
> <?php
_e('Basic', 'get-facebook-likes');
?>
</label>
<p class="description">
<?php
_e('Update Likes, Shares and Comments count each time the page load. <br>
<strong>Pros:</strong> Works immediately, no need to setup app, api key and custom js <br>
<strong>Cons:</strong> Less accurate, a little bit slower page load', 'get-facebook-likes');
?>
</p>
</div>
<br>
<section>
<label>
<input type="radio" name="mode" value="advanced" <?php
if (gfl_setting('mode') == 'advanced') {
echo 'checked';
}
?>
> <?php
_e('Advanced', 'get-facebook-likes');
?>
<code><?php
_e('Recommended', 'get-facebook-likes');
?>
</code>
</label>
<p class="description">
<?php
_e('Update Likes, Shares and Comments count when user hit these buttons. <br>
<strong>Pros:</strong> More accurate, faster page load. <br>
<strong>Cons:</strong> Requires you setup JS SDK.
', 'get-facebook-likes');
?>
</p>
</section>
<br>
<section id="auto_add_section">
<label for="auto_add">
<input type="checkbox" id="auto_add" value="1" name="auto_add" <?php
if (gfl_setting('auto_add') === true) {
echo 'checked';
}
?>
>
<?php
_e('Auto add JS SDK to <code>wp_head</code>', 'get-facebook-likes');
?>
</label>
<p class="description">
<?php
_e("This will add Facebook JS SDK between <code>head</code> tags so you don't have to edit theme files.<br>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPlease make sure that no other FB JS SDK installed.<br>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tUncheck this checkbox in case you already have FB JS SDK installed or you want to setup by yourself.", 'get-facebook-likes');
?>
</p>
</section>
<br>
<section id="app_id_section">
<label for="app_id"><code><?php
_e('App ID', 'get-facebook-likes');
?>
</code> <?php
_e('Optional', 'get-facebook-likes');
?>
</label><br>
<input type="text" id="app_id" name="app_id" value="<?php
echo gfl_setting('app_id');
?>
">
<p class="description"><?php
_e('Your Facebook App ID', 'get-facebook-likes');
?>
<?php
_e('Recommended', 'get-facebook-likes');
?>
</p>
</section>
<section id="sdk_locale_section">
<label for="sdk_locale"><code><?php
_e('SDK Locale', 'get-facebook-likes');
?>
</code> <?php
_e('Optional', 'get-facebook-likes');
?>
</label><br>
<input type="text" id="sdk_locale" name="sdk_locale" value="<?php
echo gfl_setting('sdk_locale');
?>
">
<p class="description">
<?php
_e('In case you\'re using Facebook SDK in your language', 'get-facebook-likes');
?>
</p>
</section>
<section id="setup-guide">
<h3><?php
_e('Setup Guide', 'get-facebook-likes');
?>
</h3>
<p class="description"><?php
_e("If you've already checked <code>Auto add JS SDK to wp_head</code>. Please ignore this guide.", 'get-facebook-likes');
?>
</p>
<hr>
<h4><?php
_e('Step 1', 'get-facebook-likes');
?>
</h4>
<p>
<?php
_e('If you\'ve already setup Facebook JS SDK, ignore this step. Otherwise, follow <a href="https://developers.facebook.com/docs/javascript/quickstart/v2.5">FB Quick Start Guide</a>', 'get-facebook-likes');
?>
</p>
<hr>
<h4><?php
_e('Step 2', 'get-facebook-likes');
?>
</h4>
<p>
<?php
_e('Add <code>GFL_Main.init();</code> after <code>FB.init();</code> in <code>window.fbAsyncInit</code> method, like so', 'get-facebook-likes');
?>
<pre>
window.fbAsyncInit = function() {
FB.init({
appId : 'your-app-id',
xfbml : true,
version : 'v2.5'
});
// <?php
_e('Add this line', 'get-facebook-likes');
?>
GFL_Main.init();
};
</pre>
<?php
_e("That's all", 'get-facebook-likes');
?>
</p>
</section>
</td>
</tr>
</table>
</div><!--.inside-->
</div><!--.postbox-->
<?php
do_action('gfl_after_general_settings');
?>
</div><!--.metaboxes-->
</div><!--.postbox-container2-->
</div><!--#post-body-->
<br class="clear">
<input type="hidden" name="_page_now" value="get-facebook-likes">
<?php
submit_button();
?>
</form>
</div>
<?php
}
/**
* Create a GET request to Graph API EndPoint to get total likes/shares/comments of given URL
*
* @param String $url URL to get
*
* @return Array Num of likes/shares/comments
*/
private function api_call_get_facebook_likes($url)
{
if (empty($url)) {
return;
}
$graph_api_endpoint = "https://api.facebook.com/method/links.getStats?urls={$url}&format=json";
$data = json_decode(file_get_contents($graph_api_endpoint));
$data = $data[0];
$total = array();
$actions = gfl_setting('actions');
foreach ($actions as $action) {
$total[$action] = $data->{$action};
}
return $total;
}
