DC SCORES Wins Big at United Expressions Benefit

Demosphere’s Kris Baker proudly attended the United Expressions benefit event this week, gathering for a special evening to bring art and soccer together in support of DC SCORES.

DC SCORES

The DC chapter of America Scores is a non-profit organization which serves kids in need through programs that build confidence and skills to succeed on the playing field, in the classroom, and in life. Through a unique combination of soccer, poetry/spoken word, and service-learning, the organization helps over 2,200 kids in 55 schools develop into healthy teens and young adults.

UNITED EXPRESSIONS

The evening, which took place at the Hyphen Galley in DC, was well attended by members of DC United, DC SCORES, and friends and family of artists John Brendan Guinan and DC United’s Head Coach, Ben Olsen. Both artists graciously donated several pieces of artwork, with proceeds going toward DC SCORES in anticipation of contributing to a meaningful difference in thousands of kids’ lives.

THE ART

Several DC SCORES members performed original poetry for the crowd in between mingling with the artists, DC United players, browsing works of art and enjoying the delicious food donated by Mindful Restaurant Group. It was truly an amazing evening bringing two seemingly uncommon worlds together: Soccer and Art.

COMMUNITY

Demosphere is extremely proud to be a supporter of DC SCORES to help the local community in support of the development of our youth through soccer, poetry, leadership and more. We encourage you to consider contributing to the organization, or to a similar affiliate in your area. If you have a similar organization in your area that you’d like to share, please post your comments below.

Part of Demosphere’s mission involves providing continuous support of the youth sports community, which we have been contributing since our beginning almost 27 years ago. Our goal in this realm is to help build community connections by sharing ideas and investing in the leaders of tomorrow.

Social Media: Supercharge Your Sites Part 1

If you manage a website or blog, then it can be challenging to consistently create engaging content through writing articles; however, social media posting has become pretty natural.  Luckily, we can leverage all the work put into your social media channels by embedding that content on your Demosphere website.  This two-part guide will show you all you need to know to integrate your Facebook page and Twitter account with your website. Let’s get started!

Social Media Tip 1: Facebook Pages

You can share all kinds of social media content between Facebook and your website including: timelines, messages, and events. Embedding your Facebook page on your site is an easy way increase your online presence. This section will cover how to connect different pieces of your Facebook page with your site.

1) Navigate to the Facebook Developer Page Plugin page.

social media page plugins

2) Scroll down until you see an input for, “Facebook Page URL,” and enter the url for the page from where you want to use content. In this guide we will be using Demosphere’s Facebook page as an example.

3) Choose the tabs you want to include in the input labeled, “Tabs”. Available options are: timeline, messages, and events. You may include as many tabs as you wish by separating each tab with a comma (example input “timeline, events”). In our example, we’ll use all 3.

social media page plugins

4) Configure the appearance of your page plugin. The nice people at Facebook have made this process very simple by exposing common configurations as checkboxes and text inputs. You can experiment with the look and feel of your plugin by previewing the content underneath the configuration settings. It is best to leave width and height empty, as well as leaving the checkbox for “Adapt to plugin container width” checked to ensure your plugin looks great on all device screens. For the guide’s example we are going to use the settings below:

social media page plugins

5) Get the code. You can get all of the code to put on your site by clicking the “Get Code” button beneath the plugin preview. You will need to copy both snippets of code from the tab “Javascript SDK” and put them on your page in the order they appear. Our example’s code snippets are below:

social media embed code

6) Add the code to your page. Add the snippets to your Demosphere website as “Rawcode” (shown below). If your site is not hosted by Demosphere, then you can add your code snippets to the source code of the page in the order shown above.

social media embed code

7) Check your public page:

social media public

Social Media Tip 2: Showcasing Specific Posts

Sometimes you will want to highlight a specific post from Facebook. You can accomplish this using Facebook’s Embedded Posts Plugin. We’ll walk through how to accomplish that below.

1) Start by logging into Facebook and navigating to the post that you would like everyone to see. In this example, we will use one of the posts from Demosphere’s Facebook page. Click the arrow at the top right of the post and choose the “Embed” option, then “Advanced Settings”.

social media post embed

2) Configure the post plugin. Facebook Embedded Post Plugin page should look familiar to the Facebook Page Plugin page. Set the pixel width option to “auto” as shown below.

social media embed post

3) Get the code. Click the button “Get Code”. If you’re following along from the last section and are not using the Demosphere platform, then you don’t need to copy the first snippet.

social media embed code

4) Add the code to your page. Like the previous section, you can add the code to a Demosphere page using “Rawcode”. If you are not using the Demosphere platform, then you can add the code snippets to your page’s source code.

5) Check your public page

social media public

What Next?

If you’ve been following along, then you have successfully integrated different elements from your organization’s Facebook page. Take some time to experiment with what you have learned in Part 1 of this guide and explore the various plugins that Facebook has to offer. Most of them can be implemented by simply embedding the code they provide into your site.

Having trouble? Did you setup an awesome social media steam? Leave a comment below and be on the lookout for Social Media: Supercharge Your Sites Part 2, where we will go over how to integrate Twitter with your site.