Einbetten des Rechners in Ihre Website - Fallstudien zu Web-Rechnern # 10

Sehen wir uns die Unterschiede zwischen HTML- und iFrame-Codes genauer an. Und prüfen Sie, wie Calculoid in die beliebtesten Website-Builder eingebettet werden kann.

HTML und iFrame

Sobald Sie Ihren Rechner auf "Fertig" eingestellt haben, werden zwei Codes automatisch generiert: HTML und iFrame. Beide Codes enthalten JavaScript und HTML und haben unterschiedliche Spezifikationen und Parameter. Mit den Kontrollkästchen unter dem HTML-Code können Sie festlegen, ob der Rechnername und die Beschreibung angezeigt werden sollen. Die Kontrollkästchen funktionieren sowohl für HTML als auch für iFrame

Integrieren Sie den Code 'HTML'w

Dieser Einbettungscode ermöglicht es Ihnen, CSS-Stile Ihrer Website auf Ihren Taschenrechner anzuwenden. Die meisten Stile werden automatisch angewendet. So können Sie den Taschenrechner ganz einfach an das Webdesign anpassen. Es gibt jedoch einige Fallstricke. Manche Stile Ihrer Website können Konflikte mit dem Calculoid-CSS verursachen und das Aussehen und/oder die Funktionalität Ihres Taschenrechners beeinträchtigen. WordPress-basierte Websites benötigen möglicherweise das Calculoid-Plugin . HTML-Code funktioniert für die meisten Calculoid-Nutzer problemlos. Wenn Sie kein WordPress verwenden, versuchen Sie es zunächst mit dem HTML-Code.

Code mit dem Namen "iFrame" einbetten

Wie bereits erwähnt, besteht dieser Code aus JavaScript und HTML sowie dem Element „HTML“. Allerdings umschließt ein Frame den eingebetteten Inhalt. Dadurch werden die CSS-Stile Ihrer Website nicht auf Ihren Taschenrechner angewendet. Sie können Ihren Taschenrechner dennoch mithilfe der Calculoid-Designeinstellungen und durch Hinzufügen Ihres benutzerdefinierten CSS zum Einbettungscode an das natürliche Erscheinungsbild Ihrer Website anpassen. Unsere Entwickler erstellen Ihnen gerne benutzerdefiniertes CSS . Auch iFrame-Code hat einige Schwächen. Google bewertet eingebettete Inhalte mit Frames negativ. Die Einbettung per iFrame kann die Suchmaschinenoptimierung (SEO) der Webseite mit dem eingebetteten Taschenrechner geringfügig beeinträchtigen. Dieser Einfluss ist jedoch nie gravierend. Testen Sie den iFrame-Code, falls nach der Einbettung per HTML Stilkonflikte auftreten.

WordPress Plugin

Die beste Methode, Calculoid in eine WordPress-Website einzubinden, ist die Verwendung unseres Plugins. Alle Informationen zum Plugin finden Sie hier . Am wichtigsten ist, dass Sie den korrekten API-Schlüssel in den Plugin-Einstellungen hinterlegen. Diesen finden Sie auf der Seite „Mein Profil“ in der Calculoid-Anwendung.

Beispiel eines Shortcodes: [calculoid id = "60204" show_title = "0" show_description = "0"]

Verwenden Sie diesen Rechner, um einen Funktionscode zu generieren.

Außerdem bietet Calculoid Plugins für Joomla und Drupal an.

Integrieren Sie Tests der am häufigsten verwendeten Webbuilding-Plattformen

⚠️ - Es gibt so viele Themes für WordPress und so viele Builder wie Elementor. Es ist fast unmöglich, den HTML-Einbettungscode für jedes WordPress-Web richtig zu machen. Der Code funktioniert jedoch gut mit erstklassigen Buildern.