[gelöst] Code einbinden [Like Box]
Eingetragen von Drupalsenf (41)am 06.06.2012 - 13:27 Uhr in
Hallo zusammen
Ich versuche gerade den Code von diesem Social Plugin: https://developers.facebook.com/docs/reference/plugins/like-box/
in meine Seite zu integrieren.
Ich habe dazu einen Block erstellt und den Code (siehe unten) in diesen hineinkopiert.
Allerdings bleibt der Block dann leer. Ist mein Ansatz so falsch!?
Code:
<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1&appId=441495559201616";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-border-color="black" data-header="false" data-height="290" data-href="http://www.facebook.com/naverum" data-show-faces="true" data-stream="false" data-width="210">
</div>- Anmelden oder Registrieren um Kommentare zu schreiben
Dieser Code ist nur für HTML5
am 06.06.2012 - 14:46 Uhr
Dieser Code ist nur für HTML5 geeignet. Benutzt Du denn ein HTML5 Theme?
Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Ich benutze das MAYO-Theme,
am 06.06.2012 - 15:27 Uhr
Ich benutze das MAYO-Theme, weiss allerdings nicht ob das ein HTML5 Theme ist?
Würde es denn mit dem XFBML Code klappen?
Reines kopieren half jedenfalls auch dort nichts.
Damit habe ich eine Like-Box
am 06.06.2012 - 16:41 Uhr
Damit habe ich eine Like-Box bereits eingebunden. Ich habe allerdings das SDK über die template.php-Datei des Themes in der Funktion preprocess_page (bei Drupal 6) eingebunden. Bei Drupal 7 müßte man das entsprechend über die preprocess_html-Funktion machen. Der Block hat dann nur noch die Zeile mit
<fb:like-box href="http://www.facebook.com/xxxxxxxx" width="262" height="255" show_faces="true" border_color="#ccc" stream="false" header="false"></fb:like-box>Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Also ich hab's mal
am 07.06.2012 - 14:31 Uhr
Also ich hab's mal folgendermassen eingebunden, dann gibt's allerdings eine Fehlermeldung auf der Webseite und es geht gar nichts mehr.
/**
* Implements hook_preprocess_html().
*/
function mayo_pre
process_html(&$variables) {
<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1&appId=441495559201616";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-border-color="black" data-header="false" data-height="290" data-href="http://www.facebook.com/naverum" data-show-faces="true" data-stream="false" data-width="210">
</div>
Habe ich am falschen Ort kopiert? :)
//EDIT jetzt geht gar nichts mehr obwohl ich wieder die Original Datei hinaufgeladen habe!?
Komme jetzt nicht mal mehr in den Administrationsbereich :o
Fehlermeldung: siehe www.naverum.ch, Hilfe!
Kommst Du mit phpMyAdmin an
am 07.06.2012 - 15:53 Uhr
Kommst Du mit phpMyAdmin an Deine Datenbank und kannst Du mit diesem Tool umgehen? Dann alle Tabellen, die mit cache anfangen, auch die Tabelle cache selbst leeren (nicht löschen!!!). Dann solltest Du wieder an Deine Webseite kommen.
Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
nur als rechtlichen hinweis:
am 07.06.2012 - 17:08 Uhr
nur als rechtlichen hinweis: wenn du das von facebook einbindets mußt du deine user darauf hinweisen, daß diese durch die cookies von facebook getrackt werden ohne es zu wollen!!!
C.A.W. Webdesign
Ja ich komme an die
am 07.06.2012 - 18:39 Uhr
Ja ich komme an die Datenbanken. Mit dem Tool umgehen? Naja.. ich könnte die Tabellen löschen, aber die Funktion leeren sehe ich dort nirgends.
Ist das komplizierter oder finde ich es einfach nicht?
Danke für deine Antwort
Das geht wie
am 07.06.2012 - 18:52 Uhr
Das geht wie folgt:
Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
'leeren' nicht gefunden
am 07.06.2012 - 19:28 Uhr
ich finde diese Auswahl irgendwie nicht, habe mal einen Screenshot angehängt. Bin ja schon richtig dort?
Du bist bereits zu weit. Nur
am 07.06.2012 - 20:03 Uhr
Du bist bereits zu weit. Nur die Datenbank selektieren links oben. Du hast in Deinem Bild bereits eine Tabelle angewählt, da bist du falsch.
Beste Grüße
Werner
P.S. Du kannst auch, was aber deutlich mehr Aufwand ist, in jeder Cache-Tabelle die Datensätze löschen, aber nicht die Tabelle selber!!
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Ok das Leeren hat geklappt,
am 08.06.2012 - 11:37 Uhr
Ok das Leeren hat geklappt, allerdings besteht das Grundproblem trotzdem noch.
Ich habe sogar schon alle Core Dateien neu hinaufgeladen. Also alles ausser der Ordner 'sites' ausgetauscht.
Das Problem bleibt aber weiterhin bestehen. Was könnte ich noch machen??
Nochmals von vorne: wo sollte
am 10.06.2012 - 17:10 Uhr
Nochmals von vorne: wo sollte ich den Code einfügen?
Also hier mein template.php:
<?php
<?php
/**
* @file
* Contains theme override functions and preprocess functions
*/
/**
* Construst HTML code for the top/bottom block columns
*/
function mayo_build_columns($columns) {
$styles = array();
$num_columns = 0;
$first = -1;
for ($i = 0 ; $i < 4 ; $i++) {
if ($columns[$i]) {
if ($first == -1) $first = $i;
$last = $i;
$num_columns++;
}
}
if (!$num_columns) return '';
$out = '';
$out .= '<div class="column-blocks clearfix">';
$column_width = round(100 / $num_columns, 2) . '%'; // calculate percent width of a column
for ($i = 0 ; $i < 4 ; $i++) {
if ($columns[$i]) {
if ($i == $first) {
$margin_left_style = 'margin-left: 0px;';
}
else {
$margin_left_style = 'margin-left: 5px;';
}
if ($i == $last) {
$margin_right_style = 'margin-right: 0px;';
}
else {
$margin_right_style = 'margin-right: 5px;';
}
$style = $margin_left_style . $margin_right_style;
$out .= '<div class="column-block-wrapper" style="width: ' . $column_width . ';">';
$out .= '<div class="column-block" style="' . $style . '">';
$out .= render($columns[$i]);
$out .= '</div></div> <!--/.column-block --><!--/.column-block-wrapper-->';
}
}
$out .= '</div> <!--/.column-blocks-->';
$out .= '<div class="spacer clearfix cfie"></div>';
return $out;
}
/**
* Calculate margins of contents and sidebars based on the layout style
*/
function mayo_get_margins($content, $sb_first, $sb_second) {
$sb_layout_style = theme_get_setting('sidebar_layout_style');
$c_margin_l = $sf_margin_l = $ss_margin_l = 5;
$c_margin_r = $sf_margin_r = $ss_margin_r = 5;
switch($sb_layout_style) {
case 1:
if ($sb_first) {
$sf_margin_l = 0;
}
else {
$c_margin_l = 0;
}
if ($sb_second) {
$ss_margin_r = 0;
}
else {
$c_margin_r = 0;
}
break;
case 2: // both sidebars come left
if ($sb_first) {
$sf_margin_l = 0;
}
else if ($sb_second) {
$ss_margin_l = 0;
}
else {
$c_margin_l = 0;
}
$c_margin_r = 0;
break;
case 3: // both sidebars come right
if ($sb_second) {
$ss_margin_r = 0;
}
else if ($sb_first) {
$sf_margin_r = 0;
}
else {
$c_margin_r = 0;
}
$c_margin_l = 0;
break;
}
$c_margin_style = 'margin-left: ' . $c_margin_l . 'px; margin-right: ' . $c_margin_r . 'px;';
$sf_margin_style = 'margin-left: ' . $sf_margin_l . 'px; margin-right: ' . $sf_margin_r . 'px;';
$ss_margin_style = 'margin-left: ' . $ss_margin_l . 'px; margin-right: ' . $ss_margin_r . 'px;';
return array(
'content' => $c_margin_style,
'sb_first' => $sf_margin_style,
'sb_second' => $ss_margin_style,
);
}
/**
* Return a themed breadcrumb links
*
* @param $breadcrumb
* An array containing the breadcrumb links.
* @return
* A string containing the breadcrumb output.
*/
function mayo_breadcrumb($variables) {
$breadcrumb = $variables['breadcrumb'];
// remove 'Home'
if (is_array($breadcrumb)) {
array_shift($breadcrumb);
}
if (!empty($breadcrumb)) {
$breadcrumb_separator = ' > ';
$breadcrumb_str = implode($breadcrumb_separator, $breadcrumb);
$breadcrumb_str .= $breadcrumb_separator;
$out = '<div class="breadcrumb">' . $breadcrumb_str . '</div>';
return $out;
}
return '';
}
/**
* Custom search block form
* No 'submit button'
* Use javascript to show/hide the 'search this site' prompt inside of the text field
*/
function mayo_preprocess_search_block_form(&$variables) {
$prompt = t('search this site');
$variables['search'] = array();
$hidden = array();
unset($variables['form']['actions']['submit']);
unset($variables['form']['actions']['#children']);
$variables['form']['search_block_form']['#value'] = $prompt;
$variables['form']['search_block_form']['#size'] = theme_get_setting('searchbox_size');
$variables['form']['search_block_form']['#attributes'] = array(
'onblur' => "if (this.value == '') { this.value = '$prompt'; }",
'onfocus' => "if (this.value == '$prompt') { this.value = ''; }" );
// we should use 'render' instead of 'drupal_render' since the form is already rendered once.
foreach (element_children($variables['form']) as $key) {
$type = $variables['form'][$key]['#type'];
if ($type == 'hidden' || $type == 'token') {
$hidden[] = render($variables['form'][$key]);
}
else {
$variables['search'][$key] = render($variables['form'][$key]);
}
}
$variables['search']['hidden'] = implode($hidden);
$variables['search_form'] = implode($variables['search']);
}
/**
* Implements hook_process_page().
*/
function mayo_process_page(&$variables) {
// Hook into color.module
if (module_exists('color')) {
_color_page_alter($variables);
}
}
/**
* Implements hook_preprocess_maintenance_page().
*/
function mayo_preprocess_maintenance_page(&$variables) {
drupal_add_css(drupal_get_path('theme', 'mayo') . '/css/maintenance-page.css');
}
/**
* Implements hook_preprocess_html().
*/
function mayo_preprocess_html(&$variables) {
// Add conditional stylesheet for IE
drupal_add_css(path_to_theme() . '/css/ie8.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'IE 8', '!IE' => FALSE), 'preprocess' => FALSE));
drupal_add_css(path_to_theme() . '/css/ie.css', array('group' => CSS_THEME, 'browsers' => array('IE' => ' IE 7', '!IE' => FALSE), 'preprocess' => FALSE));
drupal_add_css(path_to_theme() . '/css/ie6.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'IE 6', '!IE' => FALSE), 'preprocess' => FALSE));
$options = array(
'type' => 'file',
'group' => CSS_THEME,
'weight' => 10,
);
// Add optional stylesheets
if (theme_get_setting('dark_messages')) {
// add dark.css if it's selected at the theme setting page.
drupal_add_css(drupal_get_path('theme', 'mayo') . '/css/dark.css', $options);
}
$round_corners = theme_get_setting('round_corners');
if ($round_corners == 1 || $round_corners == 3) {
drupal_add_css(drupal_get_path('theme', 'mayo') . '/css/round-sidebar.css', $options);
}
if ($round_corners == 2 || $round_corners == 3) {
drupal_add_css(drupal_get_path('theme', 'mayo') . '/css/round-node.css', $options);
}
if (theme_get_setting('menubar_style') == 2) {
drupal_add_css(drupal_get_path('theme', 'mayo') . '/css/black-menu.css', $options);
}
$options = array(
'type' => 'inline',
'group' => CSS_THEME,
'weight' => 10,
);
/*
$font_family = array(
0 => "font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', Baskerville, serif; ",
1 => "font-family: Verdana, Geneva, Arial, 'Bitstream Vera Sans', 'DejaVu Sans', sans-serif; ",
);
*/
$font_family = array(
// Added Japanese font support
0 => "font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', Baskerville, Meiryo, 'Hiragino Mincho Pro', 'MS PMincho', serif; ",
1 => "font-family: Verdana, Geneva, Arial, 'Bitstream Vera Sans', 'DejaVu Sans', Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Osaka, sans-serif; ",
);
// Add font related stylesheets
$base_font_size = theme_get_setting('base_font_size');
$style = 'font-size: ' . $base_font_size . '; ';
$base_font_family = theme_get_setting('base_font_family');
if ($base_font_family == 2) { // Custom
$style .= 'font-family: ' . theme_get_setting('base_custom_font_family') . ';';
}
else {
$style .= $font_family[$base_font_family];
}
drupal_add_css("body {" . $style . "}", $options);
$heading_font_family = theme_get_setting('heading_font_family');
if ($heading_font_family == 2) { // Custom
$style .= 'font-family: ' . theme_get_setting('heading_custom_font_family') . ';';
}
else {
$style = $font_family[$heading_font_family];
}
drupal_add_css("h1,h2,h3,h4,h5 {" . $style . "}", $options);
if ($heading_font_family == 1) {
// in case of san-serif fonts, make heading font sizes slightly smaller
drupal_add_css(".sidebar h2 { font-size: 1.2em; }", $options);
drupal_add_css("#content .node h2 { font-size: 1.4em; }", $options);
}
}
/**
* Implements hook_process_html().
*/
function mayo_process_html(&$variables) {
// Hook into color.module
if (module_exists('color')) {
_color_html_alter($variables);
}
}
?>
Also ich habe diesen Code
am 10.06.2012 - 17:43 Uhr
<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1&appId=441495559201616";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-border-color="black" data-header="false" data-height="290" data-href="http://www.facebook.com/naverum" data-show-faces="true" data-stream="false" data-width="210">
</div>
Also ich habe diesen Code auch als Block bei mehrenen Themes eingefügt. Das hat nichts mit HTML5 zu tun!!! Hast du Fill HTML als Eingabeformat? Dann sollte das gehen. Allerdings habe ich auch bemekrt, daß Facebook anscheinend nicht immer erreichbar ist und der Block dann leer ist...
C.A.W. Webdesign
Hm hab's jetzt mal wieder so
am 10.06.2012 - 20:48 Uhr
Hm hab's jetzt mal wieder so gemacht. Der Block bleibt einfach leer (siehe www.naverum.ch). Dann warte ich mal ein bisschen und check das ab, ob der Block irgendwann gefüllt wird ^^
Also ich habe nun einfach den Code in den Block kopiert und sonst gar nichts, muss auch nicht mehr machen oder?
Drupalsenf schrieb Hm hab's
am 11.06.2012 - 06:23 Uhr
Hm hab's jetzt mal wieder so gemacht. Der Block bleibt einfach leer (siehe www.naverum.ch). Dann warte ich mal ein bisschen und check das ab, ob der Block irgendwann gefüllt wird ^^
Also ich habe nun einfach den Code in den Block kopiert und sonst gar nichts, muss auch nicht mehr machen oder?
Also ich sehe auf der rechten Seite an dritter Stelle einen Facbookblock...
C.A.W. Webdesign
Firefox ist schuld!
am 11.06.2012 - 09:45 Uhr
Das glaube ich ja nicht.. irgendwie kommt Firefox mit nichts mehr klar, enttäuscht mich irgendwie :o
Eingebettete Youtube-Filmchen werden mir nicht angezeigt und nun also solches Zeug auch nicht..
Danke also für's Feedback, scheint also von Anfang an alles funktioniert zu haben..
Gelöst :)
ich hab auch den firefox...
am 11.06.2012 - 09:58 Uhr
ich hab auch den firefox...
C.A.W. Webdesign
Habe eigentlich die neuste
am 11.06.2012 - 10:17 Uhr
Habe eigentlich die neuste Version (allerdings auf einem Mac), komisch..
Dann geht's jetzt wohl auf einem Firefox-Forum weiter :)
Ich nutze das "Social Media"
am 11.06.2012 - 15:55 Uhr
Ich nutze das "Social Media" Plugin dafür. Dort kannste dir innerhalb von wenigen Sekunden Facebook, Google+ und Twitter zusammenklicken. Vielleicht auch mal ein Versuch wert.
Werde es mir ggf. mal
am 12.06.2012 - 10:08 Uhr
Werde es mir ggf. mal anschauen. Aber ich denke, bei den meisten läuft die Box wie sie soll. Muss mal meinen Fuchs irgendwie fixen..