Add Needed JavaScript Code to Any Page in #Sitecore

Many Sitecore sites need different tracking scripts on their website, but for different environments. For instance you might have multiple Azure sites hosting the same site, but in different environments that could be tracked (Dev, QA, Stage, Prod for instance). The proper script should generate for each site instance. This is one way to solve the issue, but I am sure there are other solutions.

In Sitecore I created a Script Settings Folder template. Each folder item contains a Script Setting item. You can have multiple.

I have a configuration filed that contains the settings of the host names for each environment.

    <configuration xmlns:patch="http://www.sitecore.net/xmlconfig/">
     <sitecore>
     <settings>
     <setting name="DEV_SERVER_NAME" value="QA.Server.com" />
     <setting name="QA_SERVER_NAME" value="DEV.Server.com" />
     <setting name="PROD_SERVER_NAME" value="Prod1.Server.com,Prod2.Server.com " />
     </settings>
    </configuration>

In the code below in a view (default in this case) the following code is added. The code will compare the current host to what is in the settings and render the appropriate scripts.

string headscripts = "";
string bodyscripts = "";

//Get Parent Item of Script Folder
var scriptdir = Sitecore.Context.Item.Database.GetItem(8DD8956D-7477-41A8-A879-8D3003995F7E);

//Get Hostname from Sitecore to Match the Current Enviroment
string[] hostname = Sitecore.Context.Site.HostName.Split(new char[] { '|' });

//The reason for a string array is because you may have multiple servers like prod that use the same scripts
string[] devservername = Sitecore.Configuration.Settings.GetSetting("DEV_SERVER_NAME").Split(new char[] { ',' });
string[] qaservername = Sitecore.Configuration.Settings.GetSetting("QA_SERVER_NAME").Split(new char[] { ',' });
string[] prodservername = Sitecore.Configuration.Settings.GetSetting("PROD_SERVER_NAME").Split(new char[] { ',' });
string scriptsettingitem = string.Empty;
if(devservername.Intersect(hostname).Any())
{
    scriptsettingitem = "DEV";
} 
else
if (qaservername.Intersect(hostname).Any())
{
    scriptsettingitem = "QA";
}
else
if (uatcdservername.Intersect(hostname).Any())
{
    scriptsettingitem = "PROD";
}
//Synthesis was used in the syntax below, but use whatever works for you. 
if (!string.IsNullOrEmpty(scriptsettingitem))
{
foreach (var childfFolderItem in scriptdir.InnerItem.Children.AsStronglyTypedCollectionOf<IScriptSettingsFolderItem>())
{
   if (childfFolderItem.Name == scriptsettingitem)
   {
    foreach (var scriptitem in childfFolderItem.InnerItem.Children.InnerChildren.AsStronglyTypedCollectionOf<Foundation.Interfaces.Models.I_ScriptSettingBaseItem>())
    {
       headscripts = headscripts + scriptitem.HeadTag;
       bodyscripts = bodyscripts + scriptitem.BodyTag;
     }
break;
   }
}
}

So simple for the most part. What are some other ways to get this done? I would like to learn some other techniques for this.

Milwaukee #Sitecore Meetup Recap. @ParagonDev @layeronemedia #mkesug

This meetup was a big honor for me. I got to present for the first time ever at a public Sitecore meetup. I was nervous going into it for several weeks, but I did my best to prepare. Special thanks go to Joe Ouimet and Derek Dysart for giving me the opportunity to present and putting the meetup together. Also for Paragon Consulting for the awesome food and drinks and Layer One Media for hosting.

I did my presentation on the Sitecore Data Exchange Framework. My goal was to show the demo of my Reddit feed process and get others thinking about how they could use the DEF. I believe I accomplished that and hopefully I wasn’t too confusing. My code and marketplace module are out there so they can be used as a starting point. Also I will probably do an updated DEF blog series for the latest version.

So here we are in tweets and pictures for presentation 1:

Hey my favorite Paragon local sales person from Paragon joined me.

Presentation 2 had me excited. Anything that involves Alexa and Sitecore I am interested in. The topic was “Expanding the reach of your Sitecore Content with Voice-Activated Assistants”. It was presented by Benjamin Adamski and Jeroen de Groot. They did a fantastic job explaining all the benefits and where things are headed.

IMG_8176.jpgIMG_8174.jpgIMG_8178.jpg

Well Milwaukee it has been great. I hope to make the next one.

IMG_8182.jpg

#Sitecore Experience Editor Fixing Datasource Error 404.15 (Too Many Children)

Recently I came across an error that I have not seen before. It seemed this error was only happening on one item. This might be something you never come across or eventually will. Either way there is a good way to prevent it.

The error I saw was below. This happened when you tried to add a datasource to a specific rendering. Not the most descriptive, but it looks like Sitecore returns a big query string of an item’s children.

After examining the rendering I noticed the query that was used in the datasouce location would actually query all children.

The easy fix was to create a components folder and keep the datasource items in there. Then the query could be changed to the following which would only look for that folder. No more errors. Of course, you can expand on the query such as adding the specific templates of the datasource.

query:./child::*[@@templateid='{02A83AA1-F53E-46E5-9BD8-A1601A1E245A}’]

#Sitecore #SCHackathon 2019 Battle of the Team X-Men Developers @ParagonDev

A third year in a row participating in the Sitecore Hackathon with my coworkers at Paragon. I have learned from the previous years I have done this not to make the same mistakes, mostly. See Top 5 Reasons of Failure and Top 5 Reasons the Experience Was Better. However, nothing is ever smooth in the world of web development. So here is a quick summary and lessons learned for next time.

Pre-planning:

We made sure we could get into the GitHub repos. All was good there.

Hours 1-2:

Got the hackathon rules and we started coming up with ideas. I am just going to fix my install for 9.1 that I should have done beforehand that I cannot figure out why it is not working. Well I hopefully can get that finished soon. Okay we came up with some decent ideas and time to start documenting those ideas.

Hours 3-4:

Oh look 9.1 is still not quite installed. My teammates probably want to send me over to Magneto’s team at this point. However at least our idea is solid, but wait a minute…

Hours 5-6:

We need a new idea as all our ideas were already done in different variations. Hey, look at that finally got Sitecore 9.1 working.

Hours 7-12:

Alright we have an idea that solves a problem. Let the coding begin!

Hours 13-17:

Okay finished coding. Let’s surprise our teammate with the new idea we came up with while he was taking a break. He thinks it is a good idea and documentation has begun.

Hours 18-21.5

Video created, documentation created, GitHub repo checked. Let’s finish this up and get it checked in.

Finish:

Time to sleep.

Summary and Lessons Learned

Well I haven’t learned all my lessons. I should have not assumed 9.1 would install as easy as 9.0. In my defense I did have food poisoning the day before and still feeling it. Despite that setback and getting an idea off the ground we made it in time this year. Win or lose I love doing this contest every year. It is a good time to bond with co-workers who I may not normally work and learn new things. One big thing we learned this year was keep the idea simple. That 24 hours comes quick. Solve a problem with your idea, but make sure you can do it in a good time. Documentation takes longer than you think.

Going into the Sitecore Hackathon:

Finishing:

My Second #Sitecore Technology MVP Journey. #SitecoreMVP

I debated if I should write a blog about becoming an Sitecore MVP again, but decided why not. I love blogging so this is a good chance to talk about the last year and my goals for this year. It is a like a diary for my future tech self.

Last year’s goals:

  • Write good quality blogs. (Hey it is an opinion not a fact.)
  • Attend all the local Sitecore meetups and network with local developers. (I made some new friends this way.)
  • Reach out help others in Slack and Sitecore Stack Exchange. (Did my best here, but I don’t always have the right answer.)
  • Create Sitecore Runner Buttons and bring them to the Symposium.
    Using my new MVP status network with the Sitecore family better. (Sorry if I talked too much.)
  • Participate in the Sitecore Hackathon. (Still catching up on sleep.)
  • Make a VLog. (Even bought a new camera last year. This one did not happen. :()
  • Update my DEF Redditt Module in the Sitecore Marketplace. (I have this almost ready just need the time.)

This year’s goals:

  • Write some more good quality blogs. (Does this one count? ;))
  • Attend all the local Sitecore meetups including one in Milwaukee. (Make sure you order enough food for me.)
  • Reach out help others in Slack and Sitecore Stack Exchange. (I love helping others so I won’t stop trying.)
  • Create Sitecore Runner Buttons and bring them to the Symposium. (If you did not get this highly sought after collectible I will be bringing them again.)
  • Using my new MVP status network with the Sitecore family better. (I am not hiding. Well behind this keyboard I am.)
  • Participate in the Sitecore Hackathon again. (Maybe I should sleep before it starts.)
    Make a VLog. (I have to make this happen.)
  • Finish that update on my DEF Redditt Module in the Sitecore Marketplace. (I am going to release it before the end of the year.)

If you are an MVP hopeful and you are reading this now I want to leave you with some advice the guy that was supposed to at the Sitecore Symposium said in a movie once. I put this quote right up there with Rocky quotes.

Image result for will smith pursuit of happiness quote

Adding Custom Dropdown Button in #Sitecore 9 to Content Editor Ribbon

I published a blog recently for creating a dropdown in the Rich Text Editor (RTE). You can find that here. I needed to do something similar for the content editor, so the same functionality could be done in text fields by saving the value in the clipboard.

In this case I will be adding a Token button to the Ribbon in the content editor. This button will contain a drop down.

In the Core database in the content editor you can add a button using the following path. I added the Tokens directory which is a Chunk item.

/sitecore/content/Applications/Content Editor/Ribbons/Chunks/Tokens/

Underneath the chunk I created a Large Gallery Button item. This type of item contains a drop down as seen above.


In my Visual Studio project, I added two files. The structure is below. This structure should match the structure in your site.

Gallery Tokens.xml contains the following code. The highlighted area is important as that tells Sitecore where to find the CSS code for the button and the code behind.

In the CodeBeside in the xml code it points the following extension. This extension will get the list of items in Sitecore and build a drop down list.

  1. public class CopyTokenMenu: GalleryForm {  
  2.     protected Menu Options = new Menu();  
  3.     static readonly Sitecore.Data.Database master = Sitecore.Configuration.Factory.GetDatabase(“master”);  
  4.     readonly Item _parentTokenFolder = master.GetItem(“/sitecore/content/CustomerPortal/Site Settings/Tokens”);  
  5.     public override void HandleMessage(Message message) {  
  6.         Assert.ArgumentNotNull((object) message, nameof(message));  
  7.         if (message.Name != “item:load”) {  
  8.             base.HandleMessage(message);  
  9.         } else {  
  10.             Invoke(message, true);  
  11.         }  
  12.     }  
  13.     protected override void OnLoad(EventArgs e) {  
  14.         if (_parentTokenFolder == null || !_parentTokenFolder.HasChildren) {  
  15.             return;  
  16.         }  
  17.         Assert.ArgumentNotNull((object) e, nameof(e));  
  18.         base.OnLoad(e);  
  19.         if (Context.ClientPage.IsEvent) {  
  20.             return;  
  21.         }  
  22.         Options.Controls.Add(new LiteralControl(

    Copy token to place within your text:

    ));  

  23.         foreach(Item token in _parentTokenFolder.Children) {  
  24.             Options.Controls.Add(new LiteralControl(“<p><button class=button title=’copy’ id=\”” + token.Fields[“TokenValue”].Value + “\” onclick=copytext(‘” + token.Fields[“TokenValue”].Value + “‘)><img src=\”/temp/iconcache/office/16×16/documents_empty.png\”></button>&nbsp;” + token.Fields[“TokenValue”].Value + ” – “ + token.Fields[“Description”].Value + “</p>”));  
  25.         }  
  26.     }  
  27.     private static Item GetCurrentItem() {  
  28.         string queryString1 = WebUtil.GetQueryString(“db”);  
  29.         string queryString2 = WebUtil.GetQueryString(“id”);  
  30.         var index1 = Language.Parse(WebUtil.GetQueryString(“la”));  
  31.         var index2 = Sitecore.Data.Version.Parse(WebUtil.GetQueryString(“vs”));  
  32.         Database database = Factory.GetDatabase(queryString1);  
  33.         Assert.IsNotNull((object) database, queryString1);  
  34.         return database.Items[queryString2, index1, index2];  
  35.     }  
  36. }  

    This is the token item created that will be read in for the button drop down.


    This is the style sheet code that is referred to in the xml file.


    In the Home Ribbon in the Content Editor the Token button now appears. Clicking it will bring down a drop-down list. Clicking on the icon will copy the value to the clipboard.

    That is, it. I hope this helps some of you. I enjoyed doing this and wanted to make sure it was documented as it could be difficult at first to figure out all the pieces.

Second Annual Chicago Meets Milwaukee #Sitecore Meetup Recap. @ParagonDev @GeekHive @_Americaneagle @jouimet @DDysart #SitecoreSym

After attending the first combined Sitecore meetup last year I was hoping the combined meetup would happen again. Well my hopes were answered. Joe from Geekhive invited me to speak on the Sitecore Symposium panel. I couldn’t wait to share my experience.

When I got there the usual food and goodies were there. The pizza was very good even though it was from Wisconsin.

The first presentation was on Coveo Hive. I am always impressed with Coveo and they continue to improve their product making them a vital search framework in the Sitecore world.

Looks like Hive introduces many new and exciting things.

Next was the Sitecore Symposium Panel. Joe from Geekhive did a great job hosting. It was great reliving the Symposium experience and sharing with others what we learned.

This meetup reminded me of one my favorite crossovers. I can’t wait for the next one.

#Sitecore Symposium 2018 Day 4 #SitecoreSYM @ParagonDev

Another late night. Today the closing keynote looked at the future of Sitecore. Things are looking good and I am excited to use some of the new features that 9.1 will use. Today was the first day of the MVP summit and my first one. We visited Pandora. What a great surprise. Tomorrow I head home, a little wiser and more motivated. I have had a long career of many ups and downs, but the moments this week have been ones filled with some of the most ups ever. So here we go my day in pictures.

SIF What is next with Sitecore 9.1. A much-improved installation process. Also hear a graphical interface may be happening.

What is new in Sitecore 9.1?

Closing Keynote. No announcement where the next Symposium will be. I secretly hope Chicago, but I am guessing Las Vegas.

Pandora with my fellow MVP buddies:

Alright last day is tomorrow. Let’s do this.

#Sitecore Symposium 2018 Day 3 #SitecoreSYM @ParagonDev

Going to try and keep this short and sweet. Just got back from Universal Studios Walk and it is getting late.

Day started out with an organized 5k run. Pretty sure team Paragon won.

Lots of good presentations today.

Sarah Robb O’Hagan CEO of FlyWheel. What a great story and she is someone I can relate to with the whole fitness thing and all. I wonder if she will let me follow her on Strava.

IMG_6975

.NET CORE and Sitecore

Sitecore and Alexa Integration

JavaScript and JSS

Last, but not least party at Universal City Walk. I couldn’t believe how awesome it was. It was a good day to be an MVP as I got in to the fast lanes. I hope my wand works.

#Sitecore Symposium 2018 Day 2 #SitecoreSYM @ParagonDev

Second day of the Sitecore Symposium craziness is in the books. So many exciting things I got to see and do. So, I will try my best to tell it in pictures at a high level since it is past midnight here and I have to get up and run a race tomorrow.

The day started off with a run. I just kept going in circles. Still not a fan of running in Florida, but I was happy with my run.

The keynote was great. Looking forward to a lot of new things from Sitecore. Here are some highlights:

  • Sitecore and SalesForce has strengthened their partnership.
  • Cannondale Cycles site launched with a bike finder app that reads Garmin Data.
  • SickKids foundation is raising money to build a new hospital. Great charity.
  • NotImpossible is changing the peoples lives for the better. What a great company.
  • Sitecore has purchased StyleLabs to further their brand and infrastructure.

Presentation on Azure I attended.

Presentation on GDPR standards.

Presentation on world’s fastest Sitecore Deploy. (Fastest until we come up with something faster, lol).

The keynote speaker was amazing this year. Daymond John from Shark Tank really makes you think about things to apply to work and life. I wasn’t allowed to take any pics and post, so I will just give you his five tips for success.

S – Set Goals

H – Homework

A – Amor

R – Remember you are the brand

K – Keep on swimming

Last, but not least some drinks, food and swag just because.

Good night…