Surendra Sharma

Surendra Sharma

Search This Blog

Showing posts with label module. Show all posts
Showing posts with label module. Show all posts

Friday, January 18, 2019

4th Sitecore Marketplace Module – Sitecore Social Feeds Manager

Sitecore Social Feeds Manager
Sitecore Social Feeds Manager

I am very excited to share my 4th module “Sitecore Social Feeds Manager” on Sitecore marketplace. You can download it from here.

We all know the importance of social media for product branding. Almost all websites showing their organization or products related social messages to their website.

I created this helix-based module for getting social feeds from Facebook, Twitter, Youtube and Instagram.

Steps to use this module
1. Download and installed this Sitecore package
2. Fill your Social keys for Facebook, Twitter and Youtube in item "/sitecore/content/Habitat/Global/Social/Social Media Manager"
3. Publish Sitecore items.
4. Access JSON result from URL http://<your.sitecore.instance>/api/sitecore/social/GetSocialFeeds?channelName=youtube&token=accesstoken.

By default, it shows recent 8 feeds from each social channel but you can control the number of feeds from Sitecore.

I also included “All” feeds option where you can access recent 2 feeds from each channel and show mix of total 8 feeds on your front end. Again, you can control total numbers of feeds from Sitecore for “All” use case.

I have excluded HTML part on this module as every website have different HTML and look and feel. So directly consume this JSON output and integrate it in your HTML at desired location.

A sample HTML for calling and using this JSON data by AJAX is

<div id="SocialFeedsDiv">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <script>


        $(document).ready(function () {
            var b = null;
            $("#all").click(function () {
                loadfeeds("All")
            });

            $("#Facebook").click(function () {
                loadfeeds("Facebook")
            });

            $("#Twitter").click(function () {
                loadfeeds("Twitter")
            });

            $("#Youtube").click(function () {
                loadfeeds("Youtube")
            });

            $("#Instagram").click(function () {
                loadfeeds("Instagram")
            });


            function loadfeeds(channelName) {
                $.get("/api/sitecore/social/GetSocialFeeds?channelName=" + channelName + "&token=accesstoken", function (data, status) {
                    var index = 1;
                    $("#feedlist").html("");
                    $.each(data.responseResult, function (i, field) {
                        var imageurl = "";
                        if (field.ImageURL !="" || field.ImageURL != null) {
                            imageurl = "ImageURL : <a href='" + field.FeedURL + "' ><img src='" + field.ImageURL + "' alt='" + field.Title + "' /> </a> <br>";
                        }
                        $("#feedlist").append(
                            "<li>Sr No :" + index + "<br>" +
                            "FeedID :" + field.FeedID + "<br>" +
                            "PlatformName :" + field.PlatformName + "<br>" +
                            "Title :" + field.Title + "<br>" +
                            "Description :" + field.Description + "<br>" + imageurl
                            +
                            "FeedURL :" + field.FeedURL + "<br>" +
                            "Timestamp :" + field.Timestamp + "<br>" +
                            "From :" + field.From + "<br><br><br>" + "</li>"
                        );
                        index++;
                    });
                });
            }
        });

    </script>

     <br />
    <a href="javascript:void(0)" id="all">All</a><br />
    <a href="javascript:void(0)" id="Facebook">Facebook</a><br />
    <a href="javascript:void(0)" id="Twitter">Twitter</a><br />
    <a href="javascript:void(0)" id="Youtube">Youtube</a><br />
    <a href="javascript:void(0)" id="Instagram">Instagram</a><br />

    <div id="feed">

    </div>

    <br />
    <br />

    <div id="HTMLfeed">
        <ul id="feedlist"></ul>


    </div>

</div>

You may interested in my other 3 modules on Sitecore marketplace




I hope you will use these Sitecore modules. Stay tuned for more Sitecore related information.

Till that happy Sitecoring :)

Please leave your comments or share these marketplace modules if it’s useful for you.

Wednesday, October 4, 2017

Presentation Rendering Reporter: New module on Sitecore Marketplace

I was checking my daily mail and received mail from Sitecore Marketplace Team that my new module is approved and published at Marketplace.

This is my third module on Sitecore marketplace where I spend almost 14 hours on this new module which I named as “Presentation Rendering Reporter”.

This module is used for analysis, comparing and reporting purpose for getting item’s presentation rendering details.

It allows you to enter GUID of an item and give option of displaying its children rendering details. You can limit the number of children to be displayed on screen as

UI Option in Presentation Rendering Reporter
UI Option in Presentation Rendering Reporter


It will display items rendering details in two column
1.    Shared Layout details

2.    Item’s final layout presentation rendering details in all languages in all versions in single cell. This is a very smart way to present details in combination of horizontal and vertical tabs. Just select any language tab, a related version tab and you will get its rendering details which include

* Rendering Name
* Placeholder
* Datasource path
* Item Path at bottom

Single view of rendering details is the unique feature of this module.


Shared and Final Rendering details
Shared and Final Rendering details

You can download this module from Sitecore Marketplace at https://marketplace.sitecore.net/Modules/P/Presentation_Rendering_Reporter.aspx

Installed this Sitecore module and access it as http://<sitecoreinstancename>/PresentationRenderingReporter.aspx

I have uploaded its code at Github, which you are free to modify at, https://github.com/alexksharma/Presentation-Rendering-Reporter

I hope you like this Sitecore module. Stay tuned for more Sitecore related details.

Till that happy Sitecoring :)
 
Please leave your comments or share this module if it’s useful for you. Waiting for your feedback.