{"id":6715,"date":"2012-05-04T06:58:24","date_gmt":"2012-05-04T06:58:24","guid":{"rendered":"http:\/\/help-o.ning.com\/?p=6715"},"modified":"2019-09-03T12:09:30","modified_gmt":"2019-09-03T12:09:30","slug":"html-integration-mit-jquery","status":"publish","type":"post","link":"https:\/\/www.ning.com\/help\/html-integration-mit-jquery\/","title":{"rendered":"HTML Integration mit JQUERY"},"content":{"rendered":"<h3><span style=\"color: #99cc00;\">EINF\u00dcHRUNG<\/span><\/h3>\n<p>Dieses Tutorial ist eine kurze Anleitung, wie Sie Werbeanzeigen oder andere HTML-Integrationen in Ihr Ning-Netzwerk einbauen k\u00f6nnen.<\/p>\n<h3><span style=\"color: #99cc00;\">SETUP<\/span><\/h3>\n<ol>\n<li>W\u00f6hlen Sie zun\u00f6chst die Integrationsposition aus (siehe Abbildung)<\/li>\n<li>Nehmen Sie nun den entsprechenden Code um das HTML zu integrieren (Beispiel-Codes unten auf dieser Seite)<\/li>\n<li>Passen Sie nun den Code bei den entsprechenden HTML Variablen an<\/li>\n<li>Speichern Sie den Code in der vorgesehenen Box (\u201eMein Netzwerk\u201c \u2014 Tools \u2014 Eigener Code)<\/li>\n<\/ol>\n<h3><span style=\"color: #99cc00;\"><strong>BEISPIEL-NETZWERK<\/strong><\/span><\/h3>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-6777 size-full\" title=\"HCWP6715-1\" src=\"https:\/\/www.ning.com\/help\/wp-content\/uploads\/HCWP6715-1.png\" alt=\"HTML Integration mit JQUERY\" width=\"585\" height=\"736\" \/><\/p>\n<h3><span style=\"color: #99cc00;\"><strong>BEISPIEL-CODE<\/strong><\/span><\/h3>\n<h4>1. \u00dcBER DER NING LEISTE<\/h4>\n<pre>&lt;script type=\"text\/javascript\"&gt;<\/pre>\n<pre>\/* insert above Ning Bar *\/<\/pre>\n<pre>if (typeof(x$) != 'undefined') {<\/pre>\n<pre>\u00a0\u00a0\u00a0 var preNingBarAd = '&lt;div id=\"preNingBarAd\"&gt;&lt;img src=\"\/1 Above Ning Bar.png\"<\/pre>\n<pre>width=800 height=80 frame=0&gt;&lt;\/div&gt;';<\/pre>\n<pre>\u00a0\u00a0\u00a0 x$(\"#xn_bar\").before(preNingBarAd);<\/pre>\n<pre>}<\/pre>\n<pre>&lt;\/script&gt;<\/pre>\n<h4>2. \u00dcBER HEADER-IMAGE<\/h4>\n<pre>&lt;script type=\"text\/javascript\"&gt;<\/pre>\n<pre>\/* insert above header image *\/<\/pre>\n<pre>if (typeof(x$) != 'undefined') {<\/pre>\n<pre>\u00a0\u00a0\u00a0 var preHeaderImageAd = '&lt;div id=\"preHeaderImageAd\"&gt;&lt;img src=\"\/2 Above Header<\/pre>\n<pre>Image.png\" width=800 height=80 frame=0&gt;&lt;\/div&gt;';<\/pre>\n<pre>\u00a0\u00a0\u00a0 x$(\"#xg_head\").prepend(preHeaderImageAd);<\/pre>\n<pre>}<\/pre>\n<pre>&lt;\/script&gt;<\/pre>\n<h4>3. UNTER HEADER-IMAGE<\/h4>\n<pre>&lt;script type=\"text\/javascript\"&gt;<\/pre>\n<pre>\/* insert below header image *\/<\/pre>\n<pre>if (typeof(x$) != 'undefined') {<\/pre>\n<pre>\u00a0\u00a0\u00a0 var postHeaderImageAd = '&lt;div id=\"postHeaderImageAd \"&gt;&lt;img src=\"\/3 Below Header<\/pre>\n<pre>Image.png\" width=800 height=80 frame=0&gt;&lt;\/div&gt;';<\/pre>\n<pre>\u00a0\u00a0\u00a0 x$(\"#xg_masthead\").after(postHeaderImageAd);<\/pre>\n<pre>}<\/pre>\n<pre>&lt;\/script&gt;<\/pre>\n<h4>4. UNTER DER NAVIGATION<\/h4>\n<pre>&lt;script type=\"text\/javascript\"&gt;<\/pre>\n<pre>\/* insert below navigation *\/<\/pre>\n<pre>if (typeof(x$) != 'undefined') {<\/pre>\n<pre>\u00a0\u00a0\u00a0 var postNavigationAd = '&lt;div id=\"postNavigationAd \"&gt;&lt;img src=\"\/4 Below Navigation.png\"<\/pre>\n<pre>width=800 height=80 frame=0&gt;&lt;\/div&gt;';<\/pre>\n<pre>\u00a0\u00a0\u00a0 x$(\"#xg_navigation\").after(postNavigationAd);<\/pre>\n<pre>}<\/pre>\n<pre>&lt;\/script&gt;<\/pre>\n<h4>5. FOOTER\/FU\u00dfZEILE<\/h4>\n<pre>&lt;script type=\"text\/javascript\"&gt;<\/pre>\n<pre>\/* insert in footer *\/<\/pre>\n<pre>if (typeof(x$) != 'undefined') {<\/pre>\n<pre>\u00a0\u00a0\u00a0 var footAd = '&lt;div id=\"footAd \"&gt;&lt;img src=\"\/5 Foot.png\" width=800 height=80 frame=0&gt;&lt;\/div&gt;';<\/pre>\n<pre>\u00a0\u00a0\u00a0 x$(\"#xg_foot\").prepend(footAd);<\/pre>\n<pre>}<\/pre>\n<pre>&lt;\/script&gt;<\/pre>\n<p><strong><em>\u00a0<\/em><\/strong><\/p>\n<p><strong><em>\u00a0<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>EINF\u00dcHRUNG<br \/>\nDieses Tutorial ist eine kurze Anleitung, wie Sie Werbeanzeigen oder andere HTML-Integrationen in Ihr Ning-Netzwerk einbauen k\u00f6nnen.<br \/>\nSETUP<\/p>\n<p>W\u00f6hlen Sie zun\u00f6chst die Integrationsposition aus (siehe Abbildung)<br \/>\nNehmen Sie nun den entsprechenden Code um das HTML zu integrieren (Beispiel-Codes unten auf dieser Seite)<br \/>\nPassen Sie nun den Code bei den entsprechenden HTML Variablen an<br \/>\nSpeichern Sie den Code in der vorgesehenen Box (\u201eMein Netzwerk\u201c \u2014 Tools \u2014 Eigener Code)<\/p>\n<p>BEISPIEL-NETZWERK<\/p>\n<p>BEISPIEL-CODE<br \/>\n1. \u00dcBER DER NING LEISTE<br \/>\n&lt;script type=&#8221;text\/javascript&#8221;&gt;<br \/>\n\/* insert above Ning Bar *\/<br \/>\nif (typeof(x$) != &#8216;undefined&#8217;) {<br \/>\n\u00a0\u00a0\u00a0 var preNingBarAd = &#8216;&lt;div id=&#8221;preNingBarAd&#8221;&gt;&lt;img src=&#8221;\/1 Above Ning Bar.png&#8221;<br \/>\nwidth=800 height=80 frame=0&gt;&lt;\/div&gt;&#8217;;<br \/>\n\u00a0\u00a0\u00a0 x$(&#8220;#xn_bar&#8221;).before(preNingBarAd);<br \/>\n}<br \/>\n&lt;\/script&gt;<br \/>\n2. \u00dcBER HEADER-IMAGE<br \/>\n&lt;script type=&#8221;text\/javascript&#8221;&gt;<br \/>\n\/* insert above header image *\/<br \/>\nif (typeof(x$) != &#8216;undefined&#8217;) {<br \/>\n\u00a0\u00a0\u00a0 var preHeaderImageAd = &#8216;&lt;div id=&#8221;preHeaderImageAd&#8221;&gt;&lt;img src=&#8221;\/2 Above Header<br \/>\nImage.png&#8221; width=800 height=80 frame=0&gt;&lt;\/div&gt;&#8217;;<br \/>\n\u00a0\u00a0\u00a0 x$(&#8220;#xg_head&#8221;).prepend(preHeaderImageAd);<br \/>\n}<br \/>\n&lt;\/script&gt;<br \/>\n3. UNTER HEADER-IMAGE<br \/>\n&lt;script type=&#8221;text\/javascript&#8221;&gt;<br \/>\n\/* insert below header image *\/<br \/>\nif (typeof(x$) != &#8216;undefined&#8217;) {<br \/>\n\u00a0\u00a0\u00a0 var postHeaderImageAd = &#8216;&lt;div id=&#8221;postHeaderImageAd &#8220;&gt;&lt;img src=&#8221;\/3 Below Header<br \/>\nImage.png&#8221; width=800 height=80 frame=0&gt;&lt;\/div&gt;&#8217;;<br \/>\n\u00a0\u00a0\u00a0 x$(&#8220;#xg_masthead&#8221;).after(postHeaderImageAd);<br \/>\n}<br \/>\n&lt;\/script&gt;<br \/>\n4. UNTER DER NAVIGATION<br \/>\n&lt;script type=&#8221;text\/javascript&#8221;&gt;<br \/>\n\/* insert below navigation *\/<br \/>\nif (typeof(x$) != &#8216;undefined&#8217;) {<br \/>\n\u00a0\u00a0\u00a0 var postNavigationAd = &#8216;&lt;div id=&#8221;postNavigationAd &#8220;&gt;&lt;img src=&#8221;\/4 Below Navigation.png&#8221;<br \/>\nwidth=800 height=80 frame=0&gt;&lt;\/div&gt;&#8217;;<br \/>\n\u00a0\u00a0\u00a0 x$(&#8220;#xg_navigation&#8221;).after(postNavigationAd);<br \/>\n}<br \/>\n&lt;\/script&gt;<br \/>\n5. FOOTER\/FU\u00dfZEILE<br \/>\n&lt;script type=&#8221;text\/javascript&#8221;&gt;<br \/>\n\/* insert in footer *\/<br \/>\nif (typeof(x$) != &#8216;undefined&#8217;) {<br \/>\n\u00a0\u00a0\u00a0 var footAd = &#8216;&lt;div id=&#8221;footAd &#8220;&gt;&lt;img src=&#8221;\/5 Foot.png&#8221; width=800 height=80 frame=0&gt;&lt;\/div&gt;&#8217;;<br \/>\n\u00a0\u00a0\u00a0 x$(&#8220;#xg_foot&#8221;).prepend(footAd);<br \/>\n}<br \/>\n&lt;\/script&gt;<br \/>\n\u00a0<br \/>\n\u00a0<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[69,53],"tags":[816,467,831],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML Integration mit JQUERY | Ning Help Center<\/title>\n<meta name=\"description\" content=\"HTML Integration mit JQUERY | Ning Help Center\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ning.com\/help\/html-integration-mit-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Integration mit JQUERY | Ning Help Center\" \/>\n<meta property=\"og:description\" content=\"HTML Integration mit JQUERY | Ning Help Center\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ning.com\/help\/html-integration-mit-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Ning Help Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Ning\" \/>\n<meta property=\"article:published_time\" content=\"2012-05-04T06:58:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-03T12:09:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ning.com\/help\/wp-content\/uploads\/HCWP6715-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@Ning\" \/>\n<meta name=\"twitter:site\" content=\"@Ning\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ning.com\/help\/#website\",\"url\":\"https:\/\/www.ning.com\/help\/\",\"name\":\"Ning Help Center\",\"description\":\"The place to look for help with the details of your Ning Network.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ning.com\/help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.ning.com\/help\/html-integration-mit-jquery\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.ning.com\/help\/wp-content\/uploads\/HCWP6715-1.png\",\"contentUrl\":\"https:\/\/www.ning.com\/help\/wp-content\/uploads\/HCWP6715-1.png\",\"width\":\"585\",\"height\":\"736\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ning.com\/help\/html-integration-mit-jquery\/#webpage\",\"url\":\"https:\/\/www.ning.com\/help\/html-integration-mit-jquery\/\",\"name\":\"HTML Integration mit JQUERY | Ning Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/www.ning.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ning.com\/help\/html-integration-mit-jquery\/#primaryimage\"},\"datePublished\":\"2012-05-04T06:58:24+00:00\",\"dateModified\":\"2019-09-03T12:09:30+00:00\",\"author\":{\"@id\":\"https:\/\/www.ning.com\/help\/#\/schema\/person\/6b9fc38f44f8734ab165bfdebda41275\"},\"description\":\"HTML Integration mit JQUERY | Ning Help Center\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ning.com\/help\/html-integration-mit-jquery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ning.com\/help\/html-integration-mit-jquery\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ning.com\/help\/html-integration-mit-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ning.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Integration mit JQUERY\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.ning.com\/help\/#\/schema\/person\/6b9fc38f44f8734ab165bfdebda41275\",\"name\":\"joanna\",\"url\":\"https:\/\/www.ning.com\/help\/author\/joanna\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/posts\/6715"}],"collection":[{"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/comments?post=6715"}],"version-history":[{"count":12,"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/posts\/6715\/revisions"}],"predecessor-version":[{"id":10955,"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/posts\/6715\/revisions\/10955"}],"wp:attachment":[{"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/media?parent=6715"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/categories?post=6715"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ning.com\/help\/wp-json\/wp\/v2\/tags?post=6715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}